commit baff376b9c1fe3ae70dfc0c2464e7dc7fc6dd8d7 Author: aditya.chandel <> Date: Fri Dec 13 12:58:23 2024 -0700 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..c2065bc2 --- /dev/null +++ b/.gitignore @@ -0,0 +1,37 @@ +HELP.md +.gradle +build/ +!gradle/wrapper/gradle-wrapper.jar +!**/src/main/**/build/ +!**/src/test/**/build/ + +### STS ### +.apt_generated +.classpath +.factorypath +.project +.settings +.springBeans +.sts4-cache +bin/ +!**/src/main/**/bin/ +!**/src/test/**/bin/ + +### IntelliJ IDEA ### +.idea +*.iws +*.iml +*.ipr +out/ +!**/src/main/**/out/ +!**/src/test/**/out/ + +### NetBeans ### +/nbproject/private/ +/nbbuild/ +/dist/ +/nbdist/ +/.nb-gradle/ + +### VS Code ### +.vscode/ diff --git a/booklore-api/.gitattributes b/booklore-api/.gitattributes new file mode 100644 index 00000000..8af972cd --- /dev/null +++ b/booklore-api/.gitattributes @@ -0,0 +1,3 @@ +/gradlew text eol=lf +*.bat text eol=crlf +*.jar binary diff --git a/booklore-api/.gitignore b/booklore-api/.gitignore new file mode 100644 index 00000000..c2065bc2 --- /dev/null +++ b/booklore-api/.gitignore @@ -0,0 +1,37 @@ +HELP.md +.gradle +build/ +!gradle/wrapper/gradle-wrapper.jar +!**/src/main/**/build/ +!**/src/test/**/build/ + +### STS ### +.apt_generated +.classpath +.factorypath +.project +.settings +.springBeans +.sts4-cache +bin/ +!**/src/main/**/bin/ +!**/src/test/**/bin/ + +### IntelliJ IDEA ### +.idea +*.iws +*.iml +*.ipr +out/ +!**/src/main/**/out/ +!**/src/test/**/out/ + +### NetBeans ### +/nbproject/private/ +/nbbuild/ +/dist/ +/nbdist/ +/.nb-gradle/ + +### VS Code ### +.vscode/ diff --git a/booklore-api/build.gradle b/booklore-api/build.gradle new file mode 100644 index 00000000..6e66d2db --- /dev/null +++ b/booklore-api/build.gradle @@ -0,0 +1,54 @@ +plugins { + id 'java' + id 'org.springframework.boot' version '3.4.0' + id 'io.spring.dependency-management' version '1.1.6' + id 'org.hibernate.orm' version '6.6.2.Final' + id 'org.graalvm.buildtools.native' version '0.10.3' +} + +group = 'com.adityachandel' +version = '0.0.1-SNAPSHOT' + +java { + toolchain { + languageVersion = JavaLanguageVersion.of(21) + } +} + +configurations { + compileOnly { + extendsFrom annotationProcessor + } +} + +repositories { + mavenCentral() +} + +dependencies { + implementation 'org.springframework.boot:spring-boot-starter-data-jpa' + implementation 'org.springframework.boot:spring-boot-starter-web' + implementation 'org.springframework.boot:spring-boot-starter-validation' + compileOnly 'org.projectlombok:lombok' + developmentOnly 'org.springframework.boot:spring-boot-devtools' + annotationProcessor 'org.springframework.boot:spring-boot-configuration-processor' + annotationProcessor 'org.projectlombok:lombok' + testImplementation 'org.springframework.boot:spring-boot-starter-test' + testRuntimeOnly 'org.junit.platform:junit-platform-launcher' + implementation 'org.apache.pdfbox:pdfbox:3.0.3' + runtimeOnly 'org.mariadb.jdbc:mariadb-java-client' + implementation 'org.flywaydb:flyway-mysql:10.12.0' + implementation 'com.github.jai-imageio:jai-imageio-core:1.4.0' + implementation 'com.github.jai-imageio:jai-imageio-jpeg2000:1.3.0' + implementation 'org.apache.pdfbox:jbig2-imageio:3.0.3' +} + +hibernate { + enhancement { + enableAssociationManagement = true + } +} + +tasks.named('test') { + useJUnitPlatform() +} diff --git a/booklore-api/gradle/wrapper/gradle-wrapper.jar b/booklore-api/gradle/wrapper/gradle-wrapper.jar new file mode 100644 index 00000000..a4b76b95 Binary files /dev/null and b/booklore-api/gradle/wrapper/gradle-wrapper.jar differ diff --git a/booklore-api/gradle/wrapper/gradle-wrapper.properties b/booklore-api/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 00000000..e2847c82 --- /dev/null +++ b/booklore-api/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,7 @@ +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-8.11.1-bin.zip +networkTimeout=10000 +validateDistributionUrl=true +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists diff --git a/booklore-api/gradlew b/booklore-api/gradlew new file mode 100755 index 00000000..f5feea6d --- /dev/null +++ b/booklore-api/gradlew @@ -0,0 +1,252 @@ +#!/bin/sh + +# +# Copyright © 2015-2021 the original authors. +# +# Licensed under the Apache License, Version 2.0 (the "License"); +# you may not use this file except in compliance with the License. +# You may obtain a copy of the License at +# +# https://www.apache.org/licenses/LICENSE-2.0 +# +# Unless required by applicable law or agreed to in writing, software +# distributed under the License is distributed on an "AS IS" BASIS, +# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +# See the License for the specific language governing permissions and +# limitations under the License. +# +# SPDX-License-Identifier: Apache-2.0 +# + +############################################################################## +# +# Gradle start up script for POSIX generated by Gradle. +# +# Important for running: +# +# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is +# noncompliant, but you have some other compliant shell such as ksh or +# bash, then to run this script, type that shell name before the whole +# command line, like: +# +# ksh Gradle +# +# Busybox and similar reduced shells will NOT work, because this script +# requires all of these POSIX shell features: +# * functions; +# * expansions «$var», «${var}», «${var:-default}», «${var+SET}», +# «${var#prefix}», «${var%suffix}», and «$( cmd )»; +# * compound commands having a testable exit status, especially «case»; +# * various built-in commands including «command», «set», and «ulimit». +# +# Important for patching: +# +# (2) This script targets any POSIX shell, so it avoids extensions provided +# by Bash, Ksh, etc; in particular arrays are avoided. +# +# The "traditional" practice of packing multiple parameters into a +# space-separated string is a well documented source of bugs and security +# problems, so this is (mostly) avoided, by progressively accumulating +# options in "$@", and eventually passing that to Java. +# +# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, +# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; +# see the in-line comments for details. +# +# There are tweaks for specific operating systems such as AIX, CygWin, +# Darwin, MinGW, and NonStop. +# +# (3) This script is generated from the Groovy template +# https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt +# within the Gradle project. +# +# You can find Gradle at https://github.com/gradle/gradle/. +# +############################################################################## + +# Attempt to set APP_HOME + +# Resolve links: $0 may be a link +app_path=$0 + +# Need this for daisy-chained symlinks. +while + APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path + [ -h "$app_path" ] +do + ls=$( ls -ld "$app_path" ) + link=${ls#*' -> '} + case $link in #( + /*) app_path=$link ;; #( + *) app_path=$APP_HOME$link ;; + esac +done + +# This is normally unused +# shellcheck disable=SC2034 +APP_BASE_NAME=${0##*/} +# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036) +APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s +' "$PWD" ) || exit + +# Use the maximum available, or set MAX_FD != -1 to use that value. +MAX_FD=maximum + +warn () { + echo "$*" +} >&2 + +die () { + echo + echo "$*" + echo + exit 1 +} >&2 + +# OS specific support (must be 'true' or 'false'). +cygwin=false +msys=false +darwin=false +nonstop=false +case "$( uname )" in #( + CYGWIN* ) cygwin=true ;; #( + Darwin* ) darwin=true ;; #( + MSYS* | MINGW* ) msys=true ;; #( + NONSTOP* ) nonstop=true ;; +esac + +CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar + + +# Determine the Java command to use to start the JVM. +if [ -n "$JAVA_HOME" ] ; then + if [ -x "$JAVA_HOME/jre/sh/java" ] ; then + # IBM's JDK on AIX uses strange locations for the executables + JAVACMD=$JAVA_HOME/jre/sh/java + else + JAVACMD=$JAVA_HOME/bin/java + fi + if [ ! -x "$JAVACMD" ] ; then + die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +else + JAVACMD=java + if ! command -v java >/dev/null 2>&1 + then + die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +fi + +# Increase the maximum file descriptors if we can. +if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then + case $MAX_FD in #( + max*) + # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + MAX_FD=$( ulimit -H -n ) || + warn "Could not query maximum file descriptor limit" + esac + case $MAX_FD in #( + '' | soft) :;; #( + *) + # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + ulimit -n "$MAX_FD" || + warn "Could not set maximum file descriptor limit to $MAX_FD" + esac +fi + +# Collect all arguments for the java command, stacking in reverse order: +# * args from the command line +# * the main class name +# * -classpath +# * -D...appname settings +# * --module-path (only if needed) +# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. + +# For Cygwin or MSYS, switch paths to Windows format before running java +if "$cygwin" || "$msys" ; then + APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) + CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) + + JAVACMD=$( cygpath --unix "$JAVACMD" ) + + # Now convert the arguments - kludge to limit ourselves to /bin/sh + for arg do + if + case $arg in #( + -*) false ;; # don't mess with options #( + /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath + [ -e "$t" ] ;; #( + *) false ;; + esac + then + arg=$( cygpath --path --ignore --mixed "$arg" ) + fi + # Roll the args list around exactly as many times as the number of + # args, so each arg winds up back in the position where it started, but + # possibly modified. + # + # NB: a `for` loop captures its iteration list before it begins, so + # changing the positional parameters here affects neither the number of + # iterations, nor the values presented in `arg`. + shift # remove old arg + set -- "$@" "$arg" # push replacement arg + done +fi + + +# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' + +# Collect all arguments for the java command: +# * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments, +# and any embedded shellness will be escaped. +# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be +# treated as '${Hostname}' itself on the command line. + +set -- \ + "-Dorg.gradle.appname=$APP_BASE_NAME" \ + -classpath "$CLASSPATH" \ + org.gradle.wrapper.GradleWrapperMain \ + "$@" + +# Stop when "xargs" is not available. +if ! command -v xargs >/dev/null 2>&1 +then + die "xargs is not available" +fi + +# Use "xargs" to parse quoted args. +# +# With -n1 it outputs one arg per line, with the quotes and backslashes removed. +# +# In Bash we could simply go: +# +# readarray ARGS < <( xargs -n1 <<<"$var" ) && +# set -- "${ARGS[@]}" "$@" +# +# but POSIX shell has neither arrays nor command substitution, so instead we +# post-process each arg (as a line of input to sed) to backslash-escape any +# character that might be a shell metacharacter, then use eval to reverse +# that process (while maintaining the separation between arguments), and wrap +# the whole thing up as a single "set" statement. +# +# This will of course break if any of these variables contains a newline or +# an unmatched quote. +# + +eval "set -- $( + printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | + xargs -n1 | + sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | + tr '\n' ' ' + )" '"$@"' + +exec "$JAVACMD" "$@" diff --git a/booklore-api/gradlew.bat b/booklore-api/gradlew.bat new file mode 100644 index 00000000..9d21a218 --- /dev/null +++ b/booklore-api/gradlew.bat @@ -0,0 +1,94 @@ +@rem +@rem Copyright 2015 the original author or authors. +@rem +@rem Licensed under the Apache License, Version 2.0 (the "License"); +@rem you may not use this file except in compliance with the License. +@rem You may obtain a copy of the License at +@rem +@rem https://www.apache.org/licenses/LICENSE-2.0 +@rem +@rem Unless required by applicable law or agreed to in writing, software +@rem distributed under the License is distributed on an "AS IS" BASIS, +@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +@rem See the License for the specific language governing permissions and +@rem limitations under the License. +@rem +@rem SPDX-License-Identifier: Apache-2.0 +@rem + +@if "%DEBUG%"=="" @echo off +@rem ########################################################################## +@rem +@rem Gradle startup script for Windows +@rem +@rem ########################################################################## + +@rem Set local scope for the variables with windows NT shell +if "%OS%"=="Windows_NT" setlocal + +set DIRNAME=%~dp0 +if "%DIRNAME%"=="" set DIRNAME=. +@rem This is normally unused +set APP_BASE_NAME=%~n0 +set APP_HOME=%DIRNAME% + +@rem Resolve any "." and ".." in APP_HOME to make it shorter. +for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi + +@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" + +@rem Find java.exe +if defined JAVA_HOME goto findJavaFromJavaHome + +set JAVA_EXE=java.exe +%JAVA_EXE% -version >NUL 2>&1 +if %ERRORLEVEL% equ 0 goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:findJavaFromJavaHome +set JAVA_HOME=%JAVA_HOME:"=% +set JAVA_EXE=%JAVA_HOME%/bin/java.exe + +if exist "%JAVA_EXE%" goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:execute +@rem Setup the command line + +set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar + + +@rem Execute Gradle +"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* + +:end +@rem End local scope for the variables with windows NT shell +if %ERRORLEVEL% equ 0 goto mainEnd + +:fail +rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of +rem the _cmd.exe /c_ return code! +set EXIT_CODE=%ERRORLEVEL% +if %EXIT_CODE% equ 0 set EXIT_CODE=1 +if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE% +exit /b %EXIT_CODE% + +:mainEnd +if "%OS%"=="Windows_NT" endlocal + +:omega diff --git a/booklore-api/settings.gradle b/booklore-api/settings.gradle new file mode 100644 index 00000000..43eefe4b --- /dev/null +++ b/booklore-api/settings.gradle @@ -0,0 +1 @@ +rootProject.name = 'booklore-api' diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/BookloreApplication.java b/booklore-api/src/main/java/com/adityachandel/booklore/BookloreApplication.java new file mode 100644 index 00000000..0f237f6d --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/BookloreApplication.java @@ -0,0 +1,13 @@ +package com.adityachandel.booklore; + +import org.springframework.boot.SpringApplication; +import org.springframework.boot.autoconfigure.SpringBootApplication; + +@SpringBootApplication +public class BookloreApplication { + + public static void main(String[] args) { + SpringApplication.run(BookloreApplication.class, args); + } + +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/config/AppProperties.java b/booklore-api/src/main/java/com/adityachandel/booklore/config/AppProperties.java new file mode 100644 index 00000000..3e4a7a89 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/config/AppProperties.java @@ -0,0 +1,15 @@ +package com.adityachandel.booklore.config; + +import lombok.Getter; +import lombok.Setter; +import org.springframework.boot.context.properties.ConfigurationProperties; +import org.springframework.stereotype.Component; + +@Component +@ConfigurationProperties(prefix = "app") +@Getter +@Setter +public class AppProperties { + private String pathBook; + private String pathConfig; +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/config/WebConfig.java b/booklore-api/src/main/java/com/adityachandel/booklore/config/WebConfig.java new file mode 100644 index 00000000..af5c8008 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/config/WebConfig.java @@ -0,0 +1,17 @@ +package com.adityachandel.booklore.config; + +import org.springframework.context.annotation.Configuration; +import org.springframework.web.servlet.config.annotation.CorsRegistry; +import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; + +@Configuration +public class WebConfig implements WebMvcConfigurer { + + @Override + public void addCorsMappings(CorsRegistry registry) { + registry.addMapping("/**") + .allowedOrigins("*") + .allowedMethods("*") + .allowedHeaders("*"); + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/controller/AuthorController.java b/booklore-api/src/main/java/com/adityachandel/booklore/controller/AuthorController.java new file mode 100644 index 00000000..595889f4 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/controller/AuthorController.java @@ -0,0 +1,27 @@ +package com.adityachandel.booklore.controller; + +import com.adityachandel.booklore.dto.AuthorDTO; +import com.adityachandel.booklore.service.AuthorService; +import lombok.AllArgsConstructor; +import org.springframework.http.ResponseEntity; +import org.springframework.web.bind.annotation.*; + +import java.util.List; + +@RequestMapping("/v1/author") +@RestController +@AllArgsConstructor +public class AuthorController { + + private AuthorService authorService; + + @GetMapping("/{authorId}") + public ResponseEntity getAuthor(@PathVariable long authorId) { + return ResponseEntity.ok(authorService.getAuthorById(authorId)); + } + + @GetMapping("/book/{bookId}") + public ResponseEntity> getAuthorsByBookId(@PathVariable long bookId) { + return ResponseEntity.ok(authorService.getAuthorsByBookId(bookId)); + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/controller/BookController.java b/booklore-api/src/main/java/com/adityachandel/booklore/controller/BookController.java new file mode 100644 index 00000000..c9981586 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/controller/BookController.java @@ -0,0 +1,60 @@ +package com.adityachandel.booklore.controller; + +import com.adityachandel.booklore.dto.BookDTO; +import com.adityachandel.booklore.dto.BookViewerSettingDTO; +import com.adityachandel.booklore.exception.APIException; +import com.adityachandel.booklore.exception.ErrorCode; +import com.adityachandel.booklore.service.BooksService; +import jakarta.validation.constraints.Max; +import jakarta.validation.constraints.Min; +import lombok.AllArgsConstructor; +import org.springframework.core.io.Resource; +import org.springframework.data.domain.Page; +import org.springframework.http.HttpStatus; +import org.springframework.http.ResponseEntity; +import org.springframework.web.bind.annotation.*; + +import java.io.IOException; +import java.util.List; +import java.util.Map; + +@RequestMapping("/v1/book") +@RestController +@AllArgsConstructor +public class BookController { + + private BooksService booksService; + + @GetMapping("/{bookId}") + public ResponseEntity getBook(@PathVariable long bookId) { + return ResponseEntity.ok(booksService.getBook(bookId)); + } + + @GetMapping() + public ResponseEntity> getBooks(@RequestParam(defaultValue = "0") @Min(0) int page, @RequestParam(defaultValue = "25") @Min(1) @Max(100) int size) { + Page books = booksService.getBooks(page, size); + return ResponseEntity.ok(books); + } + + @GetMapping("/search") + public ResponseEntity> searchBooks(@RequestParam String title) { + List books = booksService.search(title); + return ResponseEntity.ok(books); + } + + @GetMapping("/{bookId}/cover") + public ResponseEntity getBookCover(@PathVariable long bookId) { + return ResponseEntity.ok(booksService.getBookCover(bookId)); + } + + @GetMapping("/{bookId}/data") + public ResponseEntity getBookData(@PathVariable long bookId) throws IOException { + return booksService.getBookData(bookId); + } + + @PutMapping("/{bookId}/viewer-setting") + public ResponseEntity updateBookViewerSettings(@RequestBody BookViewerSettingDTO bookViewerSettingDTO, @PathVariable long bookId) { + booksService.saveBookViewerSetting(bookId, bookViewerSettingDTO); + return ResponseEntity.noContent().build(); + } +} \ No newline at end of file diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/controller/LibraryController.java b/booklore-api/src/main/java/com/adityachandel/booklore/controller/LibraryController.java new file mode 100644 index 00000000..671a6b04 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/controller/LibraryController.java @@ -0,0 +1,59 @@ +package com.adityachandel.booklore.controller; + +import com.adityachandel.booklore.dto.BookDTO; +import com.adityachandel.booklore.dto.LibraryDTO; +import com.adityachandel.booklore.dto.request.CreateLibraryRequest; +import com.adityachandel.booklore.service.LibraryService; +import jakarta.validation.constraints.Max; +import jakarta.validation.constraints.Min; +import lombok.AllArgsConstructor; +import org.springframework.data.domain.Page; +import org.springframework.http.ResponseEntity; +import org.springframework.web.bind.annotation.*; +import org.springframework.web.servlet.mvc.method.annotation.SseEmitter; + + +@RestController +@RequestMapping("/v1/library") +@AllArgsConstructor +public class LibraryController { + + private LibraryService libraryService; + + @PostMapping(consumes = "application/json", produces = "application/json") + public SseEmitter createLibrary(@RequestBody CreateLibraryRequest request) { + return libraryService.createLibrary(request); + } + + @GetMapping("/{libraryId}") + public ResponseEntity getLibrary(@PathVariable long libraryId) { + return ResponseEntity.ok(libraryService.getLibrary(libraryId)); + } + + @DeleteMapping("/{libraryId}") + public ResponseEntity deleteLibrary(@PathVariable long libraryId) { + libraryService.deleteLibrary(libraryId); + return ResponseEntity.noContent().build(); + } + + @GetMapping + public ResponseEntity> getLibraries( + @RequestParam(defaultValue = "0") @Min(0) int page, + @RequestParam(defaultValue = "25") @Min(1) @Max(100) int size) { + return ResponseEntity.ok(libraryService.getLibraries(page, size)); + } + + @GetMapping("/{libraryId}/book/{bookId}") + public ResponseEntity getBook(@PathVariable long libraryId, @PathVariable long bookId) { + return ResponseEntity.ok(libraryService.getBook(libraryId, bookId)); + } + + @GetMapping("/{libraryId}/book") + public ResponseEntity> getBooks( + @PathVariable long libraryId, + @RequestParam(defaultValue = "0") @Min(0) int page, + @RequestParam(defaultValue = "25") @Min(1) @Max(100) int size) { + Page books = libraryService.getBooks(libraryId, page, size); + return ResponseEntity.ok(books); + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/controller/PathController.java b/booklore-api/src/main/java/com/adityachandel/booklore/controller/PathController.java new file mode 100644 index 00000000..437d2177 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/controller/PathController.java @@ -0,0 +1,23 @@ +package com.adityachandel.booklore.controller; + +import com.adityachandel.booklore.service.PathService; +import lombok.AllArgsConstructor; +import org.springframework.web.bind.annotation.GetMapping; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RequestParam; +import org.springframework.web.bind.annotation.RestController; + +import java.util.List; + +@RestController +@RequestMapping("/v1/path") +@AllArgsConstructor +public class PathController { + + private PathService pathService; + + @GetMapping + public List getFolders(@RequestParam String path) { + return pathService.getFoldersAtPath(path); + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/convertor/PathsConverter.java b/booklore-api/src/main/java/com/adityachandel/booklore/convertor/PathsConverter.java new file mode 100644 index 00000000..6a9fa96a --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/convertor/PathsConverter.java @@ -0,0 +1,37 @@ +package com.adityachandel.booklore.convertor; + +import jakarta.persistence.AttributeConverter; +import jakarta.persistence.Converter; + +import java.util.Arrays; +import java.util.List; +import java.util.Objects; +import java.util.stream.Collectors; + +@Converter +public class PathsConverter implements AttributeConverter, String> { + + private static final String DELIMITER = ";"; + + @Override + public String convertToDatabaseColumn(List attribute) { + if (attribute == null || attribute.isEmpty()) { + return null; + } + return attribute.stream() + .filter(Objects::nonNull) + .map(String::trim) + .collect(Collectors.joining(DELIMITER)); + } + + @Override + public List convertToEntityAttribute(String dbData) { + if (dbData == null || dbData.isEmpty()) { + return null; + } + return Arrays.stream(dbData.split(DELIMITER)) + .filter(Objects::nonNull) + .map(String::trim) + .collect(Collectors.toList()); + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/dto/AuthorDTO.java b/booklore-api/src/main/java/com/adityachandel/booklore/dto/AuthorDTO.java new file mode 100644 index 00000000..8c5a1c19 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/dto/AuthorDTO.java @@ -0,0 +1,16 @@ +package com.adityachandel.booklore.dto; + +import com.fasterxml.jackson.annotation.JsonInclude; +import lombok.Builder; +import lombok.Data; + +import java.util.List; + +@Builder +@Data +@JsonInclude(JsonInclude.Include.NON_NULL) +public class AuthorDTO { + private Long id; + private String name; + private List books; +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/dto/BookDTO.java b/booklore-api/src/main/java/com/adityachandel/booklore/dto/BookDTO.java new file mode 100644 index 00000000..19b07e62 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/dto/BookDTO.java @@ -0,0 +1,17 @@ +package com.adityachandel.booklore.dto; + +import com.fasterxml.jackson.annotation.JsonInclude; +import lombok.Data; + +import java.util.ArrayList; +import java.util.List; + +@Data +@JsonInclude(JsonInclude.Include.NON_NULL) +public class BookDTO { + private Long id; + private Long libraryId; + private String fileName; + private String title; + private List authors = new ArrayList<>(); +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/dto/BookViewerSettingDTO.java b/booklore-api/src/main/java/com/adityachandel/booklore/dto/BookViewerSettingDTO.java new file mode 100644 index 00000000..81537ff9 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/dto/BookViewerSettingDTO.java @@ -0,0 +1,13 @@ +package com.adityachandel.booklore.dto; + +import lombok.Builder; +import lombok.Data; + +@Data +@Builder +public class BookViewerSettingDTO { + private int pageNumber; + private String zoom; + private boolean sidebar_visible; + private String spread; +} \ No newline at end of file diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/dto/LibraryDTO.java b/booklore-api/src/main/java/com/adityachandel/booklore/dto/LibraryDTO.java new file mode 100644 index 00000000..72ca8995 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/dto/LibraryDTO.java @@ -0,0 +1,14 @@ +package com.adityachandel.booklore.dto; + +import com.fasterxml.jackson.annotation.JsonInclude; +import lombok.Builder; +import lombok.Data; + +@Builder +@Data +@JsonInclude(JsonInclude.Include.NON_NULL) +public class LibraryDTO { + private Long id; + private String name; +} + diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/dto/request/CreateLibraryRequest.java b/booklore-api/src/main/java/com/adityachandel/booklore/dto/request/CreateLibraryRequest.java new file mode 100644 index 00000000..50fa8fb6 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/dto/request/CreateLibraryRequest.java @@ -0,0 +1,13 @@ +package com.adityachandel.booklore.dto.request; + +import lombok.Builder; +import lombok.Data; + +import java.util.List; + +@Data +@Builder +public class CreateLibraryRequest { + private String name; + private List paths; +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/entity/Author.java b/booklore-api/src/main/java/com/adityachandel/booklore/entity/Author.java new file mode 100644 index 00000000..ca177fb1 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/entity/Author.java @@ -0,0 +1,26 @@ +package com.adityachandel.booklore.entity; + +import jakarta.persistence.*; +import lombok.*; + +import java.util.List; + +@Entity +@Getter +@Setter +@Builder +@NoArgsConstructor +@AllArgsConstructor +@Table(name = "author") +public class Author { + + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + private Long id; + + @Column(name = "name") + private String name; + + @ManyToMany(mappedBy = "authors") + private List books; +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/entity/Book.java b/booklore-api/src/main/java/com/adityachandel/booklore/entity/Book.java new file mode 100644 index 00000000..5ac52fd1 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/entity/Book.java @@ -0,0 +1,43 @@ +package com.adityachandel.booklore.entity; + +import jakarta.persistence.*; +import lombok.*; + +import java.util.List; + +@Entity +@Getter +@Setter +@Builder +@NoArgsConstructor +@AllArgsConstructor +@Table(name = "book") +public class Book { + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + private Long id; + + @Column(name = "file_name", length = 1000) + private String fileName; + + @Column(name = "title") + private String title; + + @Column(name = "path") + private String path; + + @ManyToMany(fetch = FetchType.LAZY) + @JoinTable( + name = "book_author_mapping", + joinColumns = @JoinColumn(name = "book_id"), + inverseJoinColumns = @JoinColumn(name = "author_id") + ) + private List authors; + + @ManyToOne + @JoinColumn(name = "library_id", nullable = false) + private Library library; + + @OneToOne(mappedBy = "book", cascade = CascadeType.ALL, orphanRemoval = true) + private BookViewerSetting viewerSetting; +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/entity/BookViewerSetting.java b/booklore-api/src/main/java/com/adityachandel/booklore/entity/BookViewerSetting.java new file mode 100644 index 00000000..40d38fbe --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/entity/BookViewerSetting.java @@ -0,0 +1,35 @@ +package com.adityachandel.booklore.entity; + +import com.fasterxml.jackson.annotation.JsonIgnore; +import jakarta.persistence.*; +import lombok.*; + +@Entity +@Getter +@Setter +@Builder +@NoArgsConstructor +@AllArgsConstructor +@Table(name = "book_viewer_setting") +public class BookViewerSetting { + @Id + private Long bookId; + + @OneToOne + @MapsId + @JoinColumn(name = "book_id") + @JsonIgnore + private Book book; + + @Column(name = "page_number") + private int pageNumber; + + @Column(name = "zoom") + private String zoom; + + @Column(name = "sidebar_visible") + private boolean sidebar_visible; + + @Column(name = "spread") + private String spread; +} \ No newline at end of file diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/entity/Library.java b/booklore-api/src/main/java/com/adityachandel/booklore/entity/Library.java new file mode 100644 index 00000000..c414d1f2 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/entity/Library.java @@ -0,0 +1,30 @@ +package com.adityachandel.booklore.entity; + +import com.adityachandel.booklore.convertor.PathsConverter; +import jakarta.persistence.*; +import lombok.*; + +import java.util.List; + +@Entity +@Getter +@Setter +@Builder +@NoArgsConstructor +@AllArgsConstructor +@Table(name = "library") +public class Library { + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + private Long id; + + @Column(nullable = false) + private String name; + + @Convert(converter = PathsConverter.class) + @Column(name = "paths") + private List paths; + + @OneToMany(mappedBy = "library", cascade = CascadeType.ALL, orphanRemoval = true) + private List books; +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/entity/PathInfo.java b/booklore-api/src/main/java/com/adityachandel/booklore/entity/PathInfo.java new file mode 100644 index 00000000..a7c3529e --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/entity/PathInfo.java @@ -0,0 +1,28 @@ +package com.adityachandel.booklore.entity; + +public class PathInfo { + private String name; + private String fullPath; + + public PathInfo(String name, String fullPath) { + this.name = name; + this.fullPath = fullPath; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getFullPath() { + return fullPath; + } + + public void setFullPath(String fullPath) { + this.fullPath = fullPath; + } +} + diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/exception/APIException.java b/booklore-api/src/main/java/com/adityachandel/booklore/exception/APIException.java new file mode 100644 index 00000000..8146f519 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/exception/APIException.java @@ -0,0 +1,18 @@ +package com.adityachandel.booklore.exception; + +import lombok.Getter; +import org.springframework.http.HttpStatus; + +@Getter +public class APIException extends RuntimeException { + private final HttpStatus status; + private final String message; + + public APIException(String formattedMessage, HttpStatus status) { + super(formattedMessage); + this.status = status; + this.message = formattedMessage; + } +} + + diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/exception/ErrorCode.java b/booklore-api/src/main/java/com/adityachandel/booklore/exception/ErrorCode.java new file mode 100644 index 00000000..a1849002 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/exception/ErrorCode.java @@ -0,0 +1,30 @@ +package com.adityachandel.booklore.exception; + +import lombok.Getter; +import org.springframework.http.HttpStatus; + + +@Getter +public enum ErrorCode { + AUTHOR_NOT_FOUND(HttpStatus.NOT_FOUND, "Author not found with ID: %d"), + BOOK_NOT_FOUND(HttpStatus.NOT_FOUND, "Book not found with ID: %d"), + FILE_READ_ERROR(HttpStatus.INTERNAL_SERVER_ERROR, "Error reading files from path"), + IMAGE_NOT_FOUND(HttpStatus.NOT_FOUND, "Image not found or not readable"), + INVALID_FILE_FORMAT(HttpStatus.BAD_REQUEST, "Invalid file format"), + LIBRARY_NOT_FOUND(HttpStatus.NOT_FOUND, "Library not found with ID: %d"), + BAD_REQUEST(HttpStatus.BAD_REQUEST, "Bad request"), + INVALID_QUERY_PARAMETERS(HttpStatus.BAD_REQUEST, "Query parameters are required for the search."); + + private final HttpStatus status; + private final String message; + + ErrorCode(HttpStatus status, String message) { + this.status = status; + this.message = message; + } + + public APIException createException(Object... details) { + String formattedMessage = (details.length > 0) ? String.format(message, details) : message; + return new APIException(formattedMessage, this.status); + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/exception/ErrorResponse.java b/booklore-api/src/main/java/com/adityachandel/booklore/exception/ErrorResponse.java new file mode 100644 index 00000000..391198a1 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/exception/ErrorResponse.java @@ -0,0 +1,36 @@ +package com.adityachandel.booklore.exception; + +import com.fasterxml.jackson.annotation.JsonInclude; +import lombok.Getter; +import lombok.Setter; +import lombok.AllArgsConstructor; + +import java.time.LocalDateTime; +import java.util.List; + +@Getter +@Setter +@AllArgsConstructor +@JsonInclude(JsonInclude.Include.NON_NULL) +public class ErrorResponse { + + private int status; + private String message; + private LocalDateTime timestamp; + private List details; + + public ErrorResponse(int status, String message) { + this.status = status; + this.message = message; + this.timestamp = LocalDateTime.now(); + } + + public ErrorResponse(int status, String message, List details) { + this.status = status; + this.message = message; + this.timestamp = LocalDateTime.now(); + this.details = details; + } +} + + diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/exception/GlobalExceptionHandler.java b/booklore-api/src/main/java/com/adityachandel/booklore/exception/GlobalExceptionHandler.java new file mode 100644 index 00000000..c5af21e7 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/exception/GlobalExceptionHandler.java @@ -0,0 +1,52 @@ +package com.adityachandel.booklore.exception; + +import jakarta.validation.ConstraintViolationException; +import org.springframework.http.HttpStatus; +import org.springframework.http.ResponseEntity; +import org.springframework.web.bind.MethodArgumentNotValidException; +import org.springframework.web.bind.annotation.ExceptionHandler; +import org.springframework.web.bind.annotation.RestControllerAdvice; + +import java.util.List; +import java.util.stream.Collectors; + +@RestControllerAdvice +public class GlobalExceptionHandler { + + @ExceptionHandler(APIException.class) + public ResponseEntity handleAPIException(APIException ex) { + ErrorResponse errorResponse = new ErrorResponse(ex.getStatus().value(), ex.getMessage()); + return new ResponseEntity<>(errorResponse, ex.getStatus()); + } + + @ExceptionHandler(MethodArgumentNotValidException.class) + public ResponseEntity handleValidationExceptions(MethodArgumentNotValidException ex) { + List errors = ex.getBindingResult() + .getFieldErrors() + .stream() + .map(error -> error.getField() + ": " + error.getDefaultMessage()) + .collect(Collectors.toList()); + + ErrorResponse errorResponse = new ErrorResponse(HttpStatus.BAD_REQUEST.value(), "Validation error", errors); + return new ResponseEntity<>(errorResponse, HttpStatus.BAD_REQUEST); + } + + @ExceptionHandler(ConstraintViolationException.class) + public ResponseEntity handleConstraintViolationExceptions(ConstraintViolationException ex) { + List errors = ex.getConstraintViolations() + .stream() + .map(violation -> violation.getPropertyPath() + ": " + violation.getMessage()) + .collect(Collectors.toList()); + + ErrorResponse errorResponse = new ErrorResponse(HttpStatus.BAD_REQUEST.value(), "Validation error", errors); + return new ResponseEntity<>(errorResponse, HttpStatus.BAD_REQUEST); + } + + @ExceptionHandler(Exception.class) + public ResponseEntity handleGenericException(Exception ex) { + ErrorResponse errorResponse = new ErrorResponse(HttpStatus.INTERNAL_SERVER_ERROR.value(), "An unexpected error occurred."); + return new ResponseEntity<>(errorResponse, HttpStatus.INTERNAL_SERVER_ERROR); + } +} + + diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/repository/AuthorRepository.java b/booklore-api/src/main/java/com/adityachandel/booklore/repository/AuthorRepository.java new file mode 100644 index 00000000..d7b64cb4 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/repository/AuthorRepository.java @@ -0,0 +1,21 @@ +package com.adityachandel.booklore.repository; + +import com.adityachandel.booklore.entity.Author; +import org.springframework.data.jpa.repository.JpaRepository; +import org.springframework.data.jpa.repository.Query; +import org.springframework.data.repository.query.Param; +import org.springframework.stereotype.Repository; + +import java.util.List; +import java.util.Optional; + +@Repository +public interface AuthorRepository extends JpaRepository { + + Optional findByName(String name); + + @Query("SELECT a FROM Author a JOIN a.books b WHERE b.id = :bookId") + List findAuthorsByBookId(@Param("bookId") Long bookId); + +} + diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/repository/BookRepository.java b/booklore-api/src/main/java/com/adityachandel/booklore/repository/BookRepository.java new file mode 100644 index 00000000..b2f33932 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/repository/BookRepository.java @@ -0,0 +1,23 @@ +package com.adityachandel.booklore.repository; + +import com.adityachandel.booklore.entity.Book; +import com.adityachandel.booklore.entity.Library; +import org.springframework.data.domain.Page; +import org.springframework.data.domain.Pageable; +import org.springframework.data.jpa.repository.JpaRepository; +import org.springframework.data.jpa.repository.JpaSpecificationExecutor; +import org.springframework.stereotype.Repository; + +import java.util.List; +import java.util.Optional; + +@Repository +public interface BookRepository extends JpaRepository, JpaSpecificationExecutor { + + Page findBooksByLibraryId(Long libraryId, Pageable pageable); + + Optional findBookByIdAndLibraryId(long id, long libraryId); + + List findByTitleContainingIgnoreCase(String title); +} + diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/repository/BookViewerSettingRepository.java b/booklore-api/src/main/java/com/adityachandel/booklore/repository/BookViewerSettingRepository.java new file mode 100644 index 00000000..6f43ccdf --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/repository/BookViewerSettingRepository.java @@ -0,0 +1,10 @@ +package com.adityachandel.booklore.repository; + +import com.adityachandel.booklore.entity.BookViewerSetting; +import org.springframework.data.jpa.repository.JpaRepository; +import org.springframework.stereotype.Repository; + +@Repository +public interface BookViewerSettingRepository extends JpaRepository { + +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/repository/LibraryRepository.java b/booklore-api/src/main/java/com/adityachandel/booklore/repository/LibraryRepository.java new file mode 100644 index 00000000..c4ba8041 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/repository/LibraryRepository.java @@ -0,0 +1,15 @@ +package com.adityachandel.booklore.repository; + +import com.adityachandel.booklore.entity.Library; +import org.springframework.data.jpa.repository.JpaRepository; +import org.springframework.data.jpa.repository.JpaSpecificationExecutor; +import org.springframework.stereotype.Repository; + +import java.util.List; + +@Repository +public interface LibraryRepository extends JpaRepository, JpaSpecificationExecutor { + + List findByName(String name); + +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/service/AuthorService.java b/booklore-api/src/main/java/com/adityachandel/booklore/service/AuthorService.java new file mode 100644 index 00000000..e155b7a4 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/service/AuthorService.java @@ -0,0 +1,45 @@ +package com.adityachandel.booklore.service; + +import com.adityachandel.booklore.dto.AuthorDTO; +import com.adityachandel.booklore.entity.Author; +import com.adityachandel.booklore.exception.APIException; +import com.adityachandel.booklore.exception.ErrorCode; +import com.adityachandel.booklore.repository.AuthorRepository; +import com.adityachandel.booklore.repository.BookRepository; +import com.adityachandel.booklore.transformer.AuthorTransformer; +import lombok.AllArgsConstructor; +import org.springframework.http.HttpStatus; +import org.springframework.stereotype.Service; + +import java.util.List; + +import lombok.AllArgsConstructor; +import org.springframework.stereotype.Service; + +import java.util.List; + +import lombok.AllArgsConstructor; +import org.springframework.stereotype.Service; + +import java.util.List; + +@Service +@AllArgsConstructor +public class AuthorService { + + private final AuthorRepository authorRepository; + private final BookRepository bookRepository; + + public AuthorDTO getAuthorById(Long id) { + Author author = authorRepository.findById(id).orElseThrow(() -> ErrorCode.AUTHOR_NOT_FOUND.createException(id)); + return AuthorTransformer.toAuthorDTO(author); + } + + public List getAuthorsByBookId(Long bookId) { + bookRepository.findById(bookId).orElseThrow(() -> ErrorCode.BOOK_NOT_FOUND.createException(bookId)); + List authors = authorRepository.findAuthorsByBookId(bookId); + return authors.stream().map(AuthorTransformer::toAuthorDTO).toList(); + } +} + + diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/service/BooksService.java b/booklore-api/src/main/java/com/adityachandel/booklore/service/BooksService.java new file mode 100644 index 00000000..a8596a2f --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/service/BooksService.java @@ -0,0 +1,150 @@ +package com.adityachandel.booklore.service; + +import com.adityachandel.booklore.config.AppProperties; +import com.adityachandel.booklore.dto.BookDTO; +import com.adityachandel.booklore.dto.BookViewerSettingDTO; +import com.adityachandel.booklore.entity.Book; +import com.adityachandel.booklore.entity.BookViewerSetting; +import com.adityachandel.booklore.entity.Library; +import com.adityachandel.booklore.exception.ErrorCode; +import com.adityachandel.booklore.repository.BookRepository; +import com.adityachandel.booklore.repository.BookViewerSettingRepository; +import com.adityachandel.booklore.service.parser.PdfParser; +import com.adityachandel.booklore.transformer.BookTransformer; +import lombok.AllArgsConstructor; +import lombok.extern.slf4j.Slf4j; +import org.springframework.core.io.Resource; +import org.springframework.core.io.UrlResource; +import org.springframework.data.domain.Page; +import org.springframework.data.domain.PageImpl; +import org.springframework.data.domain.PageRequest; +import org.springframework.http.HttpHeaders; +import org.springframework.http.ResponseEntity; +import org.springframework.stereotype.Service; +import org.springframework.web.servlet.mvc.method.annotation.SseEmitter; + +import java.io.File; +import java.io.IOException; +import java.nio.file.Files; +import java.nio.file.Path; +import java.nio.file.Paths; +import java.util.ArrayList; +import java.util.List; +import java.util.stream.Collectors; +import java.util.stream.Stream; + +@Slf4j +@AllArgsConstructor +@Service +public class BooksService { + + private final AppProperties appProperties; + private final PdfParser pdfParser; + private final BookRepository bookRepository; + private final BookViewerSettingRepository bookViewerSettingRepository; + + + public BookDTO getBook(long bookId) { + Book book = bookRepository.findById(bookId).orElseThrow(() -> ErrorCode.BOOK_NOT_FOUND.createException(bookId)); + return BookTransformer.convertToBookDTO(book); + } + + public Page getBooks(int page, int size) { + PageRequest pageRequest = PageRequest.of(page, size); + Page bookPage = bookRepository.findAll(PageRequest.of(page, size)); + List bookDTOs = bookPage.getContent().stream().map(BookTransformer::convertToBookDTO).collect(Collectors.toList()); + return new PageImpl<>(bookDTOs, pageRequest, bookPage.getTotalElements()); + } + + public List parseBooks(Library library, SseEmitter emitter) { + List books = new ArrayList<>(); + for (String libraryPath : library.getPaths()) { + books.addAll(parseBooks(libraryPath, emitter)); + } + return books; + } + + private List parseBooks(String libraryPath, SseEmitter emitter) { + List books = new ArrayList<>(); + try (Stream filePaths = Files.walk(Path.of(libraryPath))) { + filePaths.filter(Files::isRegularFile).forEach(filePath -> handleFile(filePath, books, emitter)); + } catch (IOException e) { + log.error("Error reading files from path: {}", libraryPath, e); + throw ErrorCode.FILE_READ_ERROR.createException(libraryPath); + } + return books; + } + + private void handleFile(Path filePath, List books, SseEmitter emitter) { + String fileName = filePath.getFileName().toString(); + if (fileName.endsWith(".pdf")) { + sendSseEvent("Parsing: " + fileName, emitter); + Book book = parsePdfBook(filePath); + book.setPath(filePath.toAbsolutePath().toString()); + books.add(book); + } else if (fileName.endsWith(".epub")) { + log.info("EPUB File: {}", fileName); + } + } + + private void sendSseEvent(String message, SseEmitter emitter) { + try { + SseEmitter.SseEventBuilder event = SseEmitter.event() + .data(message) + .name("SSE Event"); + emitter.send(event); + } catch (IOException e) { + emitter.completeWithError(e); + } + } + + private Book parsePdfBook(Path filePath) { + Book book = pdfParser.parseBook(filePath.toAbsolutePath().toString(), appProperties.getPathConfig()); + book.setViewerSetting(BookViewerSetting.builder() + .bookId(book.getId()) + .pageNumber(0) + .zoom("page-fit") + .spread("off") + .sidebar_visible(false) + .build()); + return book; + } + + public void saveBookViewerSetting(long bookId, BookViewerSettingDTO bookViewerSettingDTO) { + BookViewerSetting bookViewerSetting = bookViewerSettingRepository.findById(bookId).orElseThrow(() -> ErrorCode.BOOK_NOT_FOUND.createException(bookId)); + bookViewerSetting.setPageNumber(bookViewerSettingDTO.getPageNumber()); + bookViewerSetting.setZoom(bookViewerSettingDTO.getZoom()); + bookViewerSetting.setSpread(bookViewerSettingDTO.getSpread()); + bookViewerSetting.setSidebar_visible(bookViewerSettingDTO.isSidebar_visible()); + bookViewerSettingRepository.save(bookViewerSetting); + } + + public Resource getBookCover(long bookId) { + Book book = bookRepository.findById(bookId).orElseThrow(() -> ErrorCode.BOOK_NOT_FOUND.createException(bookId)); + String thumbPath = appProperties.getPathConfig() + "/thumbs/" + PdfParser.getFileNameWithoutExtension(book.getFileName()) + ".jpg"; + Path filePath = Paths.get(thumbPath); + try { + Resource resource = new UrlResource(filePath.toUri()); + if (resource.exists() && resource.isReadable()) { + return resource; + } else { + throw ErrorCode.IMAGE_NOT_FOUND.createException(thumbPath); + } + } catch (IOException e) { + throw ErrorCode.IMAGE_NOT_FOUND.createException(thumbPath); + } + } + + public ResponseEntity getBookData(long bookId) throws IOException { + Book book = bookRepository.findById(bookId).orElseThrow(() -> ErrorCode.BOOK_NOT_FOUND.createException(bookId)); + byte[] pdfBytes = Files.readAllBytes(new File(book.getPath()).toPath()); + return ResponseEntity.ok() + .header(HttpHeaders.CONTENT_TYPE, "application/pdf") + .body(pdfBytes); + } + + public List search(String title) { + List books = bookRepository.findByTitleContainingIgnoreCase(title); + return books.stream().map(BookTransformer::convertToBookDTO).toList(); + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/service/LibraryService.java b/booklore-api/src/main/java/com/adityachandel/booklore/service/LibraryService.java new file mode 100644 index 00000000..b23ce370 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/service/LibraryService.java @@ -0,0 +1,105 @@ +package com.adityachandel.booklore.service; + +import com.adityachandel.booklore.dto.BookDTO; +import com.adityachandel.booklore.dto.LibraryDTO; +import com.adityachandel.booklore.dto.request.CreateLibraryRequest; +import com.adityachandel.booklore.entity.Author; +import com.adityachandel.booklore.entity.Book; +import com.adityachandel.booklore.entity.Library; +import com.adityachandel.booklore.exception.ErrorCode; +import com.adityachandel.booklore.repository.AuthorRepository; +import com.adityachandel.booklore.repository.BookRepository; +import com.adityachandel.booklore.repository.BookViewerSettingRepository; +import com.adityachandel.booklore.repository.LibraryRepository; +import com.adityachandel.booklore.transformer.BookTransformer; +import com.adityachandel.booklore.transformer.LibraryTransformer; +import lombok.AllArgsConstructor; +import org.springframework.data.domain.Page; +import org.springframework.data.domain.PageRequest; +import org.springframework.stereotype.Service; +import org.springframework.web.servlet.mvc.method.annotation.SseEmitter; + +import java.util.List; +import java.util.concurrent.ExecutorService; +import java.util.concurrent.Executors; +import java.util.stream.Collectors; + +import static com.adityachandel.booklore.transformer.LibraryTransformer.createLibraryFromRequest; + +@Service +@AllArgsConstructor +public class LibraryService { + + private LibraryRepository libraryRepository; + private BookRepository bookRepository; + private BooksService booksService; + private AuthorRepository authorRepository; + private BookViewerSettingRepository bookViewerSettingRepository; + + + public LibraryDTO getLibrary(long libraryId) { + Library library = libraryRepository.findById(libraryId).orElseThrow(() -> ErrorCode.LIBRARY_NOT_FOUND.createException(libraryId)); + return LibraryTransformer.convertToLibraryDTO(library); + } + + public Page getLibraries(int page, int size) { + PageRequest pageRequest = PageRequest.of(page, size); + Page libraryPage = libraryRepository.findAll(pageRequest); + return libraryPage.map(LibraryTransformer::convertToLibraryDTO); + } + + public void deleteLibrary(long id) { + libraryRepository.findById(id).orElseThrow(() -> ErrorCode.LIBRARY_NOT_FOUND.createException(id)); + libraryRepository.deleteById(id); + } + + + public BookDTO getBook(long libraryId, long bookId) { + libraryRepository.findById(libraryId).orElseThrow(() -> ErrorCode.LIBRARY_NOT_FOUND.createException(libraryId)); + Book book = bookRepository.findBookByIdAndLibraryId(bookId, libraryId).orElseThrow(() -> ErrorCode.BOOK_NOT_FOUND.createException(bookId)); + return BookTransformer.convertToBookDTO(book); + } + + public Page getBooks(long libraryId, int page, int size) { + libraryRepository.findById(libraryId).orElseThrow(() -> ErrorCode.LIBRARY_NOT_FOUND.createException(libraryId)); + PageRequest pageRequest = PageRequest.of(page, size); + Page bookPage = bookRepository.findBooksByLibraryId(libraryId, pageRequest); + return bookPage.map(BookTransformer::convertToBookDTO); + } + + + public SseEmitter createLibrary(CreateLibraryRequest request) { + SseEmitter emitter = new SseEmitter(); + ExecutorService sseMvcExecutor = Executors.newSingleThreadExecutor(); + + sseMvcExecutor.execute(() -> { + try { + Library library = createLibraryFromRequest(request); + List books = booksService.parseBooks(library, emitter); + books.forEach(book -> book.setLibrary(library)); + library.setBooks(books); + + List authors = books.stream() + .flatMap(book -> book.getAuthors().stream()) + .distinct() + .collect(Collectors.toList()); + authorRepository.saveAll(authors); + + libraryRepository.save(library); + bookRepository.saveAll(books); + bookViewerSettingRepository.saveAll(books.stream() + .map(Book::getViewerSetting) + .collect(Collectors.toList())); + + emitter.complete(); + } catch (Exception ex) { + emitter.completeWithError(ex); + } finally { + sseMvcExecutor.shutdown(); + } + }); + + return emitter; + } + +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/service/PathService.java b/booklore-api/src/main/java/com/adityachandel/booklore/service/PathService.java new file mode 100644 index 00000000..92e0017d --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/service/PathService.java @@ -0,0 +1,36 @@ +package com.adityachandel.booklore.service; + +import lombok.extern.slf4j.Slf4j; +import org.springframework.stereotype.Service; + +import java.io.IOException; +import java.nio.file.Files; +import java.nio.file.Path; +import java.nio.file.Paths; +import java.util.Collections; +import java.util.List; +import java.util.stream.Collectors; +import java.util.stream.Stream; + +@Slf4j +@Service +public class PathService { + + public List getFoldersAtPath(String path) { + Path directory = Paths.get(path); + if (!Files.exists(directory) || !Files.isDirectory(directory)) { + log.warn("Invalid path or not a directory: {}", path); + return Collections.emptyList(); + } + try (Stream paths = Files.list(directory)) { + return paths + .filter(Files::isDirectory) + .map(p -> directory.resolve(p.getFileName()).toString()) + .sorted() + .collect(Collectors.toList()); + } catch (IOException e) { + log.error("Error accessing path {}: {}", path, e.getMessage(), e); + return Collections.emptyList(); + } + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/service/parser/BookParser.java b/booklore-api/src/main/java/com/adityachandel/booklore/service/parser/BookParser.java new file mode 100644 index 00000000..9a930856 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/service/parser/BookParser.java @@ -0,0 +1,9 @@ +package com.adityachandel.booklore.service.parser; + +import com.adityachandel.booklore.entity.Book; + +public interface BookParser { + + Book parseBook(String bookPath, String coverPath); + +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/service/parser/EBookParser.java b/booklore-api/src/main/java/com/adityachandel/booklore/service/parser/EBookParser.java new file mode 100644 index 00000000..9543ac33 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/service/parser/EBookParser.java @@ -0,0 +1,11 @@ +package com.adityachandel.booklore.service.parser; + +/*@Service +@AllArgsConstructor +public class EBookParser implements BookParser { + + @Override + public Book parseBook(String bookPath, String coverPath) { + return null; + } +}*/ diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/service/parser/PdfParser.java b/booklore-api/src/main/java/com/adityachandel/booklore/service/parser/PdfParser.java new file mode 100644 index 00000000..0f4a117a --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/service/parser/PdfParser.java @@ -0,0 +1,113 @@ +package com.adityachandel.booklore.service.parser; + +import com.adityachandel.booklore.entity.Author; +import com.adityachandel.booklore.entity.Book; +import com.adityachandel.booklore.repository.AuthorRepository; +import com.adityachandel.booklore.repository.BookRepository; +import lombok.AllArgsConstructor; +import lombok.extern.slf4j.Slf4j; +import org.apache.pdfbox.Loader; +import org.apache.pdfbox.pdmodel.PDDocument; +import org.apache.pdfbox.rendering.ImageType; +import org.apache.pdfbox.rendering.PDFRenderer; +import org.springframework.stereotype.Service; +import org.springframework.transaction.annotation.Transactional; + +import javax.imageio.ImageIO; +import java.awt.*; +import java.awt.image.BufferedImage; +import java.io.File; +import java.io.IOException; +import java.util.*; + +@Slf4j +@Service +@AllArgsConstructor +public class PdfParser implements BookParser { + + private AuthorRepository authorRepository; + private BookRepository bookRepository; + + @Transactional + @Override + public Book parseBook(String bookPath, String coverPath) { + File bookFile = new File(bookPath); + log.info("Parsing: {}", bookFile.getName()); + File coverDirectory = new File(coverPath, "thumbs"); + Book book = Book.builder() + .path(bookPath) + .fileName(bookFile.getName()) + .authors(new ArrayList<>()) + .build(); + try (PDDocument document = Loader.loadPDF(bookFile)) { + if (document.getDocumentInformation() == null) { + log.warn("No document information found"); + } else { + if (document.getDocumentInformation().getTitle() != null) { + book.setTitle(document.getDocumentInformation().getTitle()); + } + if (document.getDocumentInformation().getAuthor() != null) { + String authorNamesUnsplit = document.getDocumentInformation().getAuthor(); + Set authorNames = new HashSet<>(); + if (authorNamesUnsplit.contains("&")) { + authorNames.addAll(Arrays.asList(authorNamesUnsplit.split("&"))); + } else if (authorNamesUnsplit.contains(",")) { + authorNames.addAll(Arrays.asList(authorNamesUnsplit.split(","))); + } else { + authorNames.add(authorNamesUnsplit); + } + for (String authorName : authorNames) { + authorName = authorName.trim(); + Optional authorOptional = authorRepository.findByName(authorName); + Author author; + if (authorOptional.isPresent()) { + author = authorOptional.get(); + book.getAuthors().add(author); + author.getBooks().add(book); + } else { + author = Author.builder() + .name(authorName) + .build(); + author.setBooks(new ArrayList<>()); + author.getBooks().add(book); + book.setAuthors(new ArrayList<>()); + book.getAuthors().add(author); + } + } + } + } + generateCoverImage(bookFile, coverDirectory, document); + } catch (Exception e) { + log.info("Failed to parse: {}", bookFile.getName()); + log.error(e.getMessage(), e); + } + return book; + } + + private void generateCoverImage(File bookFile, File coverDirectory, PDDocument document) throws IOException { + PDFRenderer renderer = new PDFRenderer(document); + BufferedImage coverImage = renderer.renderImageWithDPI(0, 300, ImageType.RGB); + BufferedImage resizedImage = resizeImage(coverImage, 250, 350); + String coverImageName = getFileNameWithoutExtension(bookFile.getName()) + ".jpg"; + File coverImageFile = new File(coverDirectory, coverImageName); + ImageIO.write(resizedImage, "JPEG", coverImageFile); + } + + public static BufferedImage resizeImage(BufferedImage originalImage, int width, int height) { + Image tmp = originalImage.getScaledInstance(width, height, Image.SCALE_SMOOTH); + BufferedImage resizedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); + Graphics2D g2d = resizedImage.createGraphics(); + g2d.drawImage(tmp, 0, 0, null); + g2d.dispose(); + return resizedImage; + } + + public static String getFileNameWithoutExtension(String fileName) { + int dotIndex = fileName.lastIndexOf('.'); + if (dotIndex == -1) { + return fileName; + } else { + return fileName.substring(0, dotIndex); + } + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/transformer/AuthorTransformer.java b/booklore-api/src/main/java/com/adityachandel/booklore/transformer/AuthorTransformer.java new file mode 100644 index 00000000..644f6844 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/transformer/AuthorTransformer.java @@ -0,0 +1,14 @@ +package com.adityachandel.booklore.transformer; + +import com.adityachandel.booklore.dto.AuthorDTO; +import com.adityachandel.booklore.entity.Author; + +public class AuthorTransformer { + + public static AuthorDTO toAuthorDTO(Author author) { + return AuthorDTO.builder() + .name(author.getName()) + .id(author.getId()) + .build(); + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/transformer/BookTransformer.java b/booklore-api/src/main/java/com/adityachandel/booklore/transformer/BookTransformer.java new file mode 100644 index 00000000..8cd49669 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/transformer/BookTransformer.java @@ -0,0 +1,19 @@ +package com.adityachandel.booklore.transformer; + +import com.adityachandel.booklore.dto.BookDTO; +import com.adityachandel.booklore.entity.Book; + +import java.util.stream.Collectors; + +public class BookTransformer { + + public static BookDTO convertToBookDTO(Book book) { + BookDTO bookDTO = new BookDTO(); + bookDTO.setId(book.getId()); + bookDTO.setLibraryId(book.getLibrary().getId()); + bookDTO.setFileName(book.getFileName()); + bookDTO.setTitle(book.getTitle()); + bookDTO.setAuthors(book.getAuthors().stream().map(AuthorTransformer::toAuthorDTO).collect(Collectors.toList())); + return bookDTO; + } +} diff --git a/booklore-api/src/main/java/com/adityachandel/booklore/transformer/LibraryTransformer.java b/booklore-api/src/main/java/com/adityachandel/booklore/transformer/LibraryTransformer.java new file mode 100644 index 00000000..977dba89 --- /dev/null +++ b/booklore-api/src/main/java/com/adityachandel/booklore/transformer/LibraryTransformer.java @@ -0,0 +1,22 @@ +package com.adityachandel.booklore.transformer; + +import com.adityachandel.booklore.dto.LibraryDTO; +import com.adityachandel.booklore.dto.request.CreateLibraryRequest; +import com.adityachandel.booklore.entity.Library; + +public class LibraryTransformer { + + public static LibraryDTO convertToLibraryDTO(Library library) { + return LibraryDTO.builder() + .id(library.getId()) + .name(library.getName()) + .build(); + } + + public static Library createLibraryFromRequest(CreateLibraryRequest request) { + return Library.builder() + .name(request.getName()) + .paths(request.getPaths()) + .build(); + } +} diff --git a/booklore-api/src/main/resources/application.yaml b/booklore-api/src/main/resources/application.yaml new file mode 100644 index 00000000..3f575fbb --- /dev/null +++ b/booklore-api/src/main/resources/application.yaml @@ -0,0 +1,32 @@ +app: + path-book: '/Users/aditya.chandel/my-library-temp/books' + path-config: '/Users/aditya.chandel/my-library-temp/config' + +spring: + application: + name: booklore-api + datasource: + driver-class-name: org.mariadb.jdbc.Driver + url: ${SOLITUDE_API_MARIADB_URL:jdbc:mariadb://localhost:3306/booklore} + username: ${SOLITUDE_API_MARIADB_USERNAME:root} + password: ${SOLITUDE_API_MARIADB_PASSWORD:cfcNEBdUm6QerR6oo2UM} + jpa: + hibernate: + naming: + physical-strategy: org.hibernate.boot.model.naming.PhysicalNamingStrategyStandardImpl + show-sql: false + properties: + hibernate: + jdbc: + batch_size: 500 + order_inserts: true + order_updates: true + flyway: + enabled: true + locations: classpath:db/migration + +logging: + level: + root: INFO + org.apache.fontbox: ERROR + org.apache.pdfbox: ERROR \ No newline at end of file diff --git a/booklore-api/src/main/resources/db/migration/V1__Create_Library_and_Book_Tables.sql b/booklore-api/src/main/resources/db/migration/V1__Create_Library_and_Book_Tables.sql new file mode 100644 index 00000000..a1d84bd7 --- /dev/null +++ b/booklore-api/src/main/resources/db/migration/V1__Create_Library_and_Book_Tables.sql @@ -0,0 +1,43 @@ +CREATE TABLE IF NOT EXISTS library +( + id BIGINT AUTO_INCREMENT PRIMARY KEY, + name VARCHAR(255) UNIQUE NOT NULL, + paths BLOB +); + +CREATE TABLE IF NOT EXISTS book +( + id BIGINT AUTO_INCREMENT PRIMARY KEY, + title VARCHAR(255), + file_name VARCHAR(255) NOT NULL, + library_id BIGINT NOT NULL, + path VARCHAR(1000) NOT NULL, + CONSTRAINT fk_library FOREIGN KEY (library_id) REFERENCES library (id) ON DELETE CASCADE, + CONSTRAINT unique_file_library UNIQUE (file_name, library_id) +); + +CREATE TABLE IF NOT EXISTS author +( + id BIGINT AUTO_INCREMENT PRIMARY KEY, + name VARCHAR(255), + CONSTRAINT unique_name UNIQUE (name) +); + +CREATE TABLE IF NOT EXISTS book_author_mapping +( + book_id BIGINT NOT NULL, + author_id BIGINT NOT NULL, + CONSTRAINT fk_book_author_mapping_book FOREIGN KEY (book_id) REFERENCES book (id) ON DELETE CASCADE, + CONSTRAINT fk_book_author_mapping_author FOREIGN KEY (author_id) REFERENCES author (id), + CONSTRAINT unique_book_author UNIQUE (book_id, author_id) +); + +CREATE TABLE IF NOT EXISTS book_viewer_setting +( + book_id BIGINT PRIMARY KEY, + page_number INT DEFAULT 1, + zoom VARCHAR(32) DEFAULT 'page-fit', + sidebar_visible BOOLEAN DEFAULT false, + spread VARCHAR(32) DEFAULT 'off', + CONSTRAINT fk_book_viewer_setting FOREIGN KEY (book_id) REFERENCES book (id) ON DELETE CASCADE +); \ No newline at end of file diff --git a/booklore-api/src/test/java/com/adityachandel/booklore/BookloreApplicationTests.java b/booklore-api/src/test/java/com/adityachandel/booklore/BookloreApplicationTests.java new file mode 100644 index 00000000..8ec2a1a2 --- /dev/null +++ b/booklore-api/src/test/java/com/adityachandel/booklore/BookloreApplicationTests.java @@ -0,0 +1,13 @@ +package com.adityachandel.booklore; + +import org.junit.jupiter.api.Test; +import org.springframework.boot.test.context.SpringBootTest; + +@SpringBootTest +class BookloreApplicationTests { + + @Test + void contextLoads() { + } + +} diff --git a/booklore-ui/.editorconfig b/booklore-ui/.editorconfig new file mode 100644 index 00000000..f166060d --- /dev/null +++ b/booklore-ui/.editorconfig @@ -0,0 +1,17 @@ +# Editor configuration, see https://editorconfig.org +root = true + +[*] +charset = utf-8 +indent_style = space +indent_size = 2 +insert_final_newline = true +trim_trailing_whitespace = true + +[*.ts] +quote_type = single +ij_typescript_use_double_quotes = false + +[*.md] +max_line_length = off +trim_trailing_whitespace = false diff --git a/booklore-ui/.gitignore b/booklore-ui/.gitignore new file mode 100644 index 00000000..cc7b1413 --- /dev/null +++ b/booklore-ui/.gitignore @@ -0,0 +1,42 @@ +# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files. + +# Compiled output +/dist +/tmp +/out-tsc +/bazel-out + +# Node +/node_modules +npm-debug.log +yarn-error.log + +# IDEs and editors +.idea/ +.project +.classpath +.c9/ +*.launch +.settings/ +*.sublime-workspace + +# Visual Studio Code +.vscode/* +!.vscode/settings.json +!.vscode/tasks.json +!.vscode/launch.json +!.vscode/extensions.json +.history/* + +# Miscellaneous +/.angular/cache +.sass-cache/ +/connect.lock +/coverage +/libpeerconnection.log +testem.log +/typings + +# System files +.DS_Store +Thumbs.db diff --git a/booklore-ui/README.md b/booklore-ui/README.md new file mode 100644 index 00000000..1f940671 --- /dev/null +++ b/booklore-ui/README.md @@ -0,0 +1,59 @@ +# BookLore + +This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.0.2. + +## Development server + +To start a local development server, run: + +```bash +ng serve +``` + +Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files. + +## Code scaffolding + +Angular CLI includes powerful code scaffolding tools. To generate a new component, run: + +```bash +ng generate component component-name +``` + +For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run: + +```bash +ng generate --help +``` + +## Building + +To build the project run: + +```bash +ng build +``` + +This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed. + +## Running unit tests + +To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command: + +```bash +ng test +``` + +## Running end-to-end tests + +For end-to-end (e2e) testing, run: + +```bash +ng e2e +``` + +Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs. + +## Additional Resources + +For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page. diff --git a/booklore-ui/angular.json b/booklore-ui/angular.json new file mode 100644 index 00000000..f6c37cb4 --- /dev/null +++ b/booklore-ui/angular.json @@ -0,0 +1,116 @@ +{ + "$schema": "./node_modules/@angular/cli/lib/config/schema.json", + "version": 1, + "newProjectRoot": "projects", + "projects": { + "booklore": { + "projectType": "application", + "schematics": { + "@schematics/angular:component": { + "style": "scss", + "standalone": false + }, + "@schematics/angular:directive": { + "standalone": false + }, + "@schematics/angular:pipe": { + "standalone": false + } + }, + "root": "", + "sourceRoot": "src", + "prefix": "app", + "architect": { + "build": { + "builder": "@angular-devkit/build-angular:application", + "options": { + "outputPath": "dist/booklore", + "index": "src/index.html", + "browser": "src/main.ts", + "polyfills": [ + "zone.js" + ], + "tsConfig": "tsconfig.app.json", + "inlineStyleLanguage": "scss", + "assets": [ + "src/favicon.ico", + "src/assets", + { + "glob": "**/*", + "input": "public" + }, + { + "glob": "**/*", + "input": "node_modules/ngx-extended-pdf-viewer/assets/", + "output": "/assets/" + } + ], + "styles": [ + "src/styles.scss" + ], + "scripts": [] + }, + "configurations": { + "production": { + "budgets": [ + { + "type": "initial", + "maximumWarning": "500kB", + "maximumError": "1MB" + }, + { + "type": "anyComponentStyle", + "maximumWarning": "4kB", + "maximumError": "8kB" + } + ], + "outputHashing": "all" + }, + "development": { + "optimization": false, + "extractLicenses": false, + "sourceMap": true + } + }, + "defaultConfiguration": "production" + }, + "serve": { + "builder": "@angular-devkit/build-angular:dev-server", + "configurations": { + "production": { + "buildTarget": "booklore:build:production" + }, + "development": { + "buildTarget": "booklore:build:development" + } + }, + "defaultConfiguration": "development" + }, + "extract-i18n": { + "builder": "@angular-devkit/build-angular:extract-i18n" + }, + "test": { + "builder": "@angular-devkit/build-angular:karma", + "options": { + "polyfills": [ + "zone.js", + "zone.js/testing" + ], + "tsConfig": "tsconfig.spec.json", + "inlineStyleLanguage": "scss", + "assets": [ + { + "glob": "**/*", + "input": "public" + } + ], + "styles": [ + "src/styles.scss" + ], + "scripts": [] + } + } + } + } + } +} diff --git a/booklore-ui/package-lock.json b/booklore-ui/package-lock.json new file mode 100644 index 00000000..df03ea64 --- /dev/null +++ b/booklore-ui/package-lock.json @@ -0,0 +1,15240 @@ +{ + "name": "my-library-v3", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "my-library-v3", + "version": "0.0.0", + "dependencies": { + "@angular/animations": "^19.0.0", + "@angular/common": "^19.0.0", + "@angular/compiler": "^19.0.0", + "@angular/core": "^19.0.0", + "@angular/forms": "^19.0.0", + "@angular/platform-browser": "^19.0.0", + "@angular/platform-browser-dynamic": "^19.0.0", + "@angular/router": "^19.0.0", + "ngx-extended-pdf-viewer": "^22.0.0", + "ngx-infinite-scroll": "^19.0.0", + "primeflex": "^3.3.1", + "primeicons": "^7.0.0", + "primeng": "^17.18.12", + "rxjs": "~7.8.0", + "tslib": "^2.3.0", + "zone.js": "~0.15.0" + }, + "devDependencies": { + "@angular-devkit/build-angular": "^19.0.2", + "@angular/cli": "^19.0.2", + "@angular/compiler-cli": "^19.0.0", + "@types/jasmine": "~5.1.0", + "jasmine-core": "~5.4.0", + "karma": "~6.4.0", + "karma-chrome-launcher": "~3.2.0", + "karma-coverage": "~2.2.0", + "karma-jasmine": "~5.1.0", + "karma-jasmine-html-reporter": "~2.1.0", + "typescript": "~5.6.2" + } + }, + "node_modules/@ampproject/remapping": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", + "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@angular-devkit/architect": { + "version": "0.1900.2", + "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1900.2.tgz", + "integrity": "sha512-rGUgOgN/jb3Pyx3E1JsUbwQQZp4C0M/t0lwyWIFjUpndl27aBDjO2y5hzeG0B1+FgOuSNg8BPOYaEIO5vSCspw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-devkit/core": "19.0.2", + "rxjs": "7.8.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" + } + }, + "node_modules/@angular-devkit/build-angular": { + "version": "19.0.2", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-19.0.2.tgz", + "integrity": "sha512-F7wwo0fVshrlnTyBuqP6abt95soOsO+H/dYLn0JVud+SXhbSXpKDxZovlIBUKh1kj0BXny7erTYHmPWVtZpfsg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@ampproject/remapping": "2.3.0", + "@angular-devkit/architect": "0.1900.2", + "@angular-devkit/build-webpack": "0.1900.2", + "@angular-devkit/core": "19.0.2", + "@angular/build": "19.0.2", + "@babel/core": "7.26.0", + "@babel/generator": "7.26.2", + "@babel/helper-annotate-as-pure": "7.25.9", + "@babel/helper-split-export-declaration": "7.24.7", + "@babel/plugin-transform-async-generator-functions": "7.25.9", + "@babel/plugin-transform-async-to-generator": "7.25.9", + "@babel/plugin-transform-runtime": "7.25.9", + "@babel/preset-env": "7.26.0", + "@babel/runtime": "7.26.0", + "@discoveryjs/json-ext": "0.6.3", + "@ngtools/webpack": "19.0.2", + "@vitejs/plugin-basic-ssl": "1.1.0", + "ansi-colors": "4.1.3", + "autoprefixer": "10.4.20", + "babel-loader": "9.2.1", + "browserslist": "^4.21.5", + "copy-webpack-plugin": "12.0.2", + "css-loader": "7.1.2", + "esbuild-wasm": "0.24.0", + "fast-glob": "3.3.2", + "http-proxy-middleware": "3.0.3", + "istanbul-lib-instrument": "6.0.3", + "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.3.1", + "mini-css-extract-plugin": "2.9.2", + "open": "10.1.0", + "ora": "5.4.1", + "picomatch": "4.0.2", + "piscina": "4.7.0", + "postcss": "8.4.49", + "postcss-loader": "8.1.1", + "resolve-url-loader": "5.0.0", + "rxjs": "7.8.1", + "sass": "1.80.7", + "sass-loader": "16.0.3", + "semver": "7.6.3", + "source-map-loader": "5.0.0", + "source-map-support": "0.5.21", + "terser": "5.36.0", + "tree-kill": "1.2.2", + "tslib": "2.8.1", + "webpack": "5.96.1", + "webpack-dev-middleware": "7.4.2", + "webpack-dev-server": "5.1.0", + "webpack-merge": "6.0.1", + "webpack-subresource-integrity": "5.1.0" + }, + "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" + }, + "optionalDependencies": { + "esbuild": "0.24.0" + }, + "peerDependencies": { + "@angular/compiler-cli": "^19.0.0", + "@angular/localize": "^19.0.0", + "@angular/platform-server": "^19.0.0", + "@angular/service-worker": "^19.0.0", + "@angular/ssr": "^19.0.2", + "@web/test-runner": "^0.19.0", + "browser-sync": "^3.0.2", + "jest": "^29.5.0", + "jest-environment-jsdom": "^29.5.0", + "karma": "^6.3.0", + "ng-packagr": "^19.0.0", + "protractor": "^7.0.0", + "tailwindcss": "^2.0.0 || ^3.0.0", + "typescript": ">=5.5 <5.7" + }, + "peerDependenciesMeta": { + "@angular/localize": { + "optional": true + }, + "@angular/platform-server": { + "optional": true + }, + "@angular/service-worker": { + "optional": true + }, + "@angular/ssr": { + "optional": true + }, + "@web/test-runner": { + "optional": true + }, + "browser-sync": { + "optional": true + }, + "jest": { + "optional": true + }, + "jest-environment-jsdom": { + "optional": true + }, + "karma": { + "optional": true + }, + "ng-packagr": { + "optional": true + }, + "protractor": { + "optional": true + }, + "tailwindcss": { + "optional": true + } + } + }, + "node_modules/@angular-devkit/build-webpack": { + "version": "0.1900.2", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1900.2.tgz", + "integrity": "sha512-4JHkY6908YsIWh9FM/6ihsVZyWAM4/C91D8S4v/aZhVLt37HwTAxbecPbYNbexgDca81LI5TAqR8cwb0syIkWA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-devkit/architect": "0.1900.2", + "rxjs": "7.8.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": { + "webpack": "^5.30.0", + "webpack-dev-server": "^5.0.2" + } + }, + "node_modules/@angular-devkit/core": { + "version": "19.0.2", + "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.0.2.tgz", + "integrity": "sha512-p5pTx9rAtJUfoa7BP6R5U7dGFWHrrgpYpVyF3jwqYIu0h1C0rJIyY8q/HlkvzFxgfWag1qRf15oANq3G9fqdwg==", + "dev": true, + "license": "MIT", + "dependencies": { + "ajv": "8.17.1", + "ajv-formats": "3.0.1", + "jsonc-parser": "3.3.1", + "picomatch": "4.0.2", + "rxjs": "7.8.1", + "source-map": "0.7.4" + }, + "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": { + "chokidar": "^4.0.0" + }, + "peerDependenciesMeta": { + "chokidar": { + "optional": true + } + } + }, + "node_modules/@angular-devkit/schematics": { + "version": "19.0.2", + "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-19.0.2.tgz", + "integrity": "sha512-bwq8ReC92gGFTd2BeNBWCnOqIKu2YKNvwMVc7dl+D154WO2gzCaK2J5nL97qm5EjoUoXgvFRs84ysSAnLFzBxQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-devkit/core": "19.0.2", + "jsonc-parser": "3.3.1", + "magic-string": "0.30.12", + "ora": "5.4.1", + "rxjs": "7.8.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" + } + }, + "node_modules/@angular/animations": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-19.0.1.tgz", + "integrity": "sha512-1TZ3meVmoMuQwXaHSCeIGq8tmGcwobCQM2AQ6hfK+j6eyWTSx8BdWWi+Z1iIjiYFx3pJljQiWLAHULZ66Ep/GQ==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "@angular/core": "19.0.1" + } + }, + "node_modules/@angular/build": { + "version": "19.0.2", + "resolved": "https://registry.npmjs.org/@angular/build/-/build-19.0.2.tgz", + "integrity": "sha512-i2mSg9ZoPto3IMNi/HnP2ZOwvcmaPEKrS7EOYeu1m1W9InuZ55ssMqrjKpeohKVYHwep8QmFrmDERbqutaN2hg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@ampproject/remapping": "2.3.0", + "@angular-devkit/architect": "0.1900.2", + "@babel/core": "7.26.0", + "@babel/helper-annotate-as-pure": "7.25.9", + "@babel/helper-split-export-declaration": "7.24.7", + "@babel/plugin-syntax-import-attributes": "7.26.0", + "@inquirer/confirm": "5.0.2", + "@vitejs/plugin-basic-ssl": "1.1.0", + "beasties": "0.1.0", + "browserslist": "^4.23.0", + "esbuild": "0.24.0", + "fast-glob": "3.3.2", + "https-proxy-agent": "7.0.5", + "istanbul-lib-instrument": "6.0.3", + "listr2": "8.2.5", + "magic-string": "0.30.12", + "mrmime": "2.0.0", + "parse5-html-rewriting-stream": "7.0.0", + "picomatch": "4.0.2", + "piscina": "4.7.0", + "rollup": "4.26.0", + "sass": "1.80.7", + "semver": "7.6.3", + "vite": "5.4.11", + "watchpack": "2.4.2" + }, + "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" + }, + "optionalDependencies": { + "lmdb": "3.1.5" + }, + "peerDependencies": { + "@angular/compiler": "^19.0.0", + "@angular/compiler-cli": "^19.0.0", + "@angular/localize": "^19.0.0", + "@angular/platform-server": "^19.0.0", + "@angular/service-worker": "^19.0.0", + "@angular/ssr": "^19.0.2", + "less": "^4.2.0", + "postcss": "^8.4.0", + "tailwindcss": "^2.0.0 || ^3.0.0", + "typescript": ">=5.5 <5.7" + }, + "peerDependenciesMeta": { + "@angular/localize": { + "optional": true + }, + "@angular/platform-server": { + "optional": true + }, + "@angular/service-worker": { + "optional": true + }, + "@angular/ssr": { + "optional": true + }, + "less": { + "optional": true + }, + "postcss": { + "optional": true + }, + "tailwindcss": { + "optional": true + } + } + }, + "node_modules/@angular/cli": { + "version": "19.0.2", + "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-19.0.2.tgz", + "integrity": "sha512-TlPrs3hRkHWrQEKwHde9l2F4IgT5tWTx4zFcllzBh2dW9iRpqXSYRb82xNHsbopdAu4lXjsYl7JilV2DQPZEaA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-devkit/architect": "0.1900.2", + "@angular-devkit/core": "19.0.2", + "@angular-devkit/schematics": "19.0.2", + "@inquirer/prompts": "7.1.0", + "@listr2/prompt-adapter-inquirer": "2.0.18", + "@schematics/angular": "19.0.2", + "@yarnpkg/lockfile": "1.1.0", + "ini": "5.0.0", + "jsonc-parser": "3.3.1", + "listr2": "8.2.5", + "npm-package-arg": "12.0.0", + "npm-pick-manifest": "10.0.0", + "pacote": "20.0.0", + "resolve": "1.22.8", + "semver": "7.6.3", + "symbol-observable": "4.0.0", + "yargs": "17.7.2" + }, + "bin": { + "ng": "bin/ng.js" + }, + "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" + } + }, + "node_modules/@angular/common": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/common/-/common-19.0.1.tgz", + "integrity": "sha512-FWAyHlEhPeLHvNLuzSl2rlksK/fVVB5O3soBYOeiKScN1vlAdALbwPDIHhimhNFBV8kmtc144WjkcTxt8MK/4g==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "@angular/core": "19.0.1", + "rxjs": "^6.5.3 || ^7.4.0" + } + }, + "node_modules/@angular/compiler": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-19.0.1.tgz", + "integrity": "sha512-loyI701+As+sWsE4yr9HpIPBqIohpNrGby/hsXtr+zJTMUWp/sKZlavctVtUsWWJhwHMevoybdgd3N9NY97F7g==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "@angular/core": "19.0.1" + }, + "peerDependenciesMeta": { + "@angular/core": { + "optional": true + } + } + }, + "node_modules/@angular/compiler-cli": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-19.0.1.tgz", + "integrity": "sha512-dIpJCRPmmgmPyAqkOwhP4IEj+T5H4s3x39sCCBohqr2mlZcTXp/Fir8CXnMHlzawh4eXm4pvHjvh/bmMH4efrA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/core": "7.26.0", + "@jridgewell/sourcemap-codec": "^1.4.14", + "chokidar": "^4.0.0", + "convert-source-map": "^1.5.1", + "reflect-metadata": "^0.2.0", + "semver": "^7.0.0", + "tslib": "^2.3.0", + "yargs": "^17.2.1" + }, + "bin": { + "ng-xi18n": "bundles/src/bin/ng_xi18n.js", + "ngc": "bundles/src/bin/ngc.js", + "ngcc": "bundles/ngcc/index.js" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "@angular/compiler": "19.0.1", + "typescript": ">=5.5 <5.7" + } + }, + "node_modules/@angular/core": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-19.0.1.tgz", + "integrity": "sha512-+VpWcg2aC/dY9TM6fsj00enZ6RP5wpRqk/SeRe3UP3Je/n+vWIgHJTb1ZLNeOIvDaE86BhKPMwFS0QVjoEGQFA==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "rxjs": "^6.5.3 || ^7.4.0", + "zone.js": "~0.15.0" + } + }, + "node_modules/@angular/forms": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-19.0.1.tgz", + "integrity": "sha512-PNMQVi97ZK9X7fQeO1li6LxoL9U6v7ByC+4kj7xHAcOGaBCB+EJ/ZPKCKeaGn4G7mJd3iH8SMVzoUQc028KIcw==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "@angular/common": "19.0.1", + "@angular/core": "19.0.1", + "@angular/platform-browser": "19.0.1", + "rxjs": "^6.5.3 || ^7.4.0" + } + }, + "node_modules/@angular/localize": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-19.0.1.tgz", + "integrity": "sha512-tCfTOkdHj6VhskudgsNKF0SS/e0Le+9kv4tPdSsjo9bFcg806lG5/010+UYhy4MDJZ+vDUGTACrMRj2TcFmHRA==", + "dev": true, + "license": "MIT", + "optional": true, + "peer": true, + "dependencies": { + "@babel/core": "7.26.0", + "@types/babel__core": "7.20.5", + "fast-glob": "3.3.2", + "yargs": "^17.2.1" + }, + "bin": { + "localize-extract": "tools/bundles/src/extract/cli.js", + "localize-migrate": "tools/bundles/src/migrate/cli.js", + "localize-translate": "tools/bundles/src/translate/cli.js" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "@angular/compiler": "19.0.1", + "@angular/compiler-cli": "19.0.1" + } + }, + "node_modules/@angular/platform-browser": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-19.0.1.tgz", + "integrity": "sha512-ycl6GsK5avKz2PKyKR8G3eqH5rWdzTqRfYStN+1Ufhopx9jmCQ9r0JSIekoHJ8W2KDZfojWp6f4izDMvKnUpvA==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "@angular/animations": "19.0.1", + "@angular/common": "19.0.1", + "@angular/core": "19.0.1" + }, + "peerDependenciesMeta": { + "@angular/animations": { + "optional": true + } + } + }, + "node_modules/@angular/platform-browser-dynamic": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-19.0.1.tgz", + "integrity": "sha512-A8sM0NTwZPFpv5kWSUeRhMENCw8kmBxR9CX9TMVeU6u9TP+IT3SFhUWhDQZNbmJAHhyAuk5B1gBJ/aoz0/OBcw==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "@angular/common": "19.0.1", + "@angular/compiler": "19.0.1", + "@angular/core": "19.0.1", + "@angular/platform-browser": "19.0.1" + } + }, + "node_modules/@angular/router": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/@angular/router/-/router-19.0.1.tgz", + "integrity": "sha512-/9f7RxVqOTASFhpqla7x9V58SE8Yv4SClKRikvv5Tn5EGDbSVR3DgGu6qENP57A2pVPW4Ho5er5KKT35HjhcFw==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "engines": { + "node": "^18.19.1 || ^20.11.1 || >=22.0.0" + }, + "peerDependencies": { + "@angular/common": "19.0.1", + "@angular/core": "19.0.1", + "@angular/platform-browser": "19.0.1", + "rxjs": "^6.5.3 || ^7.4.0" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.26.2", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz", + "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-validator-identifier": "^7.25.9", + "js-tokens": "^4.0.0", + "picocolors": "^1.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.26.2", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz", + "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz", + "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.26.0", + "@babel/generator": "^7.26.0", + "@babel/helper-compilation-targets": "^7.25.9", + "@babel/helper-module-transforms": "^7.26.0", + "@babel/helpers": "^7.26.0", + "@babel/parser": "^7.26.0", + "@babel/template": "^7.25.9", + "@babel/traverse": "^7.25.9", + "@babel/types": "^7.26.0", + "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/@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==", + "dev": true, + "license": "MIT" + }, + "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==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/@babel/generator": { + "version": "7.26.2", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz", + "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.26.2", + "@babel/types": "^7.26.0", + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25", + "jsesc": "^3.0.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-annotate-as-pure": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz", + "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz", + "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/traverse": "^7.25.9", + "@babel/types": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz", + "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/compat-data": "^7.25.9", + "@babel/helper-validator-option": "^7.25.9", + "browserslist": "^4.24.0", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/@babel/helper-create-class-features-plugin": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz", + "integrity": "sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.25.9", + "@babel/helper-member-expression-to-functions": "^7.25.9", + "@babel/helper-optimise-call-expression": "^7.25.9", + "@babel/helper-replace-supers": "^7.25.9", + "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9", + "@babel/traverse": "^7.25.9", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.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", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/@babel/helper-create-regexp-features-plugin": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz", + "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.25.9", + "regexpu-core": "^6.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.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", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/@babel/helper-define-polyfill-provider": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz", + "integrity": "sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-compilation-targets": "^7.22.6", + "@babel/helper-plugin-utils": "^7.22.5", + "debug": "^4.1.1", + "lodash.debounce": "^4.0.8", + "resolve": "^1.14.2" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/@babel/helper-member-expression-to-functions": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz", + "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/traverse": "^7.25.9", + "@babel/types": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz", + "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/traverse": "^7.25.9", + "@babel/types": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz", + "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-imports": "^7.25.9", + "@babel/helper-validator-identifier": "^7.25.9", + "@babel/traverse": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-optimise-call-expression": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz", + "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz", + "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-remap-async-to-generator": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz", + "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.25.9", + "@babel/helper-wrap-function": "^7.25.9", + "@babel/traverse": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-replace-supers": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz", + "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-member-expression-to-functions": "^7.25.9", + "@babel/helper-optimise-call-expression": "^7.25.9", + "@babel/traverse": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-simple-access": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz", + "integrity": "sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/traverse": "^7.25.9", + "@babel/types": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-skip-transparent-expression-wrappers": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz", + "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/traverse": "^7.25.9", + "@babel/types": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "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-string-parser": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz", + "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz", + "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz", + "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-wrap-function": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz", + "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/template": "^7.25.9", + "@babel/traverse": "^7.25.9", + "@babel/types": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz", + "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/template": "^7.25.9", + "@babel/types": "^7.26.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.26.2", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz", + "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.26.0" + }, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz", + "integrity": "sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/traverse": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz", + "integrity": "sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz", + "integrity": "sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz", + "integrity": "sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9", + "@babel/plugin-transform-optional-chaining": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.13.0" + } + }, + "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz", + "integrity": "sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/traverse": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-proposal-private-property-in-object": { + "version": "7.21.0-placeholder-for-preset-env.2", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz", + "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-import-assertions": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz", + "integrity": "sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-import-attributes": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz", + "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-unicode-sets-regex": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz", + "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.18.6", + "@babel/helper-plugin-utils": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-transform-arrow-functions": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz", + "integrity": "sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-async-generator-functions": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz", + "integrity": "sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-remap-async-to-generator": "^7.25.9", + "@babel/traverse": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-async-to-generator": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz", + "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-imports": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-remap-async-to-generator": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-block-scoped-functions": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz", + "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-block-scoping": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz", + "integrity": "sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-class-properties": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz", + "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-class-static-block": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz", + "integrity": "sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.12.0" + } + }, + "node_modules/@babel/plugin-transform-classes": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz", + "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.25.9", + "@babel/helper-compilation-targets": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-replace-supers": "^7.25.9", + "@babel/traverse": "^7.25.9", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-computed-properties": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz", + "integrity": "sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/template": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-destructuring": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz", + "integrity": "sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-dotall-regex": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz", + "integrity": "sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-duplicate-keys": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz", + "integrity": "sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz", + "integrity": "sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-transform-dynamic-import": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz", + "integrity": "sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-exponentiation-operator": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz", + "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-export-namespace-from": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz", + "integrity": "sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-for-of": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz", + "integrity": "sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-function-name": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz", + "integrity": "sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-compilation-targets": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/traverse": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-json-strings": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz", + "integrity": "sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-literals": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz", + "integrity": "sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-logical-assignment-operators": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz", + "integrity": "sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-member-expression-literals": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz", + "integrity": "sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-amd": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz", + "integrity": "sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-transforms": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-commonjs": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz", + "integrity": "sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-transforms": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-simple-access": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-systemjs": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz", + "integrity": "sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-transforms": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-validator-identifier": "^7.25.9", + "@babel/traverse": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-umd": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz", + "integrity": "sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-transforms": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-named-capturing-groups-regex": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz", + "integrity": "sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-transform-new-target": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz", + "integrity": "sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-nullish-coalescing-operator": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz", + "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-numeric-separator": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz", + "integrity": "sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-object-rest-spread": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz", + "integrity": "sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-compilation-targets": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/plugin-transform-parameters": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-object-super": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz", + "integrity": "sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-replace-supers": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-optional-catch-binding": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz", + "integrity": "sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-optional-chaining": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz", + "integrity": "sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-parameters": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz", + "integrity": "sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-private-methods": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz", + "integrity": "sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-private-property-in-object": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz", + "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.25.9", + "@babel/helper-create-class-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-property-literals": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz", + "integrity": "sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-regenerator": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz", + "integrity": "sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "regenerator-transform": "^0.15.2" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-regexp-modifiers": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz", + "integrity": "sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-transform-reserved-words": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz", + "integrity": "sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-runtime": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.9.tgz", + "integrity": "sha512-nZp7GlEl+yULJrClz0SwHPqir3lc0zsPrDHQUcxGspSL7AKrexNSEfTbfqnDNJUO13bgKyfuOLMF8Xqtu8j3YQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-imports": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9", + "babel-plugin-polyfill-corejs2": "^0.4.10", + "babel-plugin-polyfill-corejs3": "^0.10.6", + "babel-plugin-polyfill-regenerator": "^0.6.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-runtime/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/@babel/plugin-transform-shorthand-properties": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz", + "integrity": "sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-spread": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz", + "integrity": "sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-sticky-regex": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz", + "integrity": "sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-template-literals": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz", + "integrity": "sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-typeof-symbol": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz", + "integrity": "sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-escapes": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz", + "integrity": "sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-property-regex": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz", + "integrity": "sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-regex": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz", + "integrity": "sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-sets-regex": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz", + "integrity": "sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/preset-env": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.0.tgz", + "integrity": "sha512-H84Fxq0CQJNdPFT2DrfnylZ3cf5K43rGfWK4LJGPpjKHiZlk0/RzwEus3PDDZZg+/Er7lCA03MVacueUuXdzfw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/compat-data": "^7.26.0", + "@babel/helper-compilation-targets": "^7.25.9", + "@babel/helper-plugin-utils": "^7.25.9", + "@babel/helper-validator-option": "^7.25.9", + "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9", + "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9", + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9", + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9", + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9", + "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2", + "@babel/plugin-syntax-import-assertions": "^7.26.0", + "@babel/plugin-syntax-import-attributes": "^7.26.0", + "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6", + "@babel/plugin-transform-arrow-functions": "^7.25.9", + "@babel/plugin-transform-async-generator-functions": "^7.25.9", + "@babel/plugin-transform-async-to-generator": "^7.25.9", + "@babel/plugin-transform-block-scoped-functions": "^7.25.9", + "@babel/plugin-transform-block-scoping": "^7.25.9", + "@babel/plugin-transform-class-properties": "^7.25.9", + "@babel/plugin-transform-class-static-block": "^7.26.0", + "@babel/plugin-transform-classes": "^7.25.9", + "@babel/plugin-transform-computed-properties": "^7.25.9", + "@babel/plugin-transform-destructuring": "^7.25.9", + "@babel/plugin-transform-dotall-regex": "^7.25.9", + "@babel/plugin-transform-duplicate-keys": "^7.25.9", + "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9", + "@babel/plugin-transform-dynamic-import": "^7.25.9", + "@babel/plugin-transform-exponentiation-operator": "^7.25.9", + "@babel/plugin-transform-export-namespace-from": "^7.25.9", + "@babel/plugin-transform-for-of": "^7.25.9", + "@babel/plugin-transform-function-name": "^7.25.9", + "@babel/plugin-transform-json-strings": "^7.25.9", + "@babel/plugin-transform-literals": "^7.25.9", + "@babel/plugin-transform-logical-assignment-operators": "^7.25.9", + "@babel/plugin-transform-member-expression-literals": "^7.25.9", + "@babel/plugin-transform-modules-amd": "^7.25.9", + "@babel/plugin-transform-modules-commonjs": "^7.25.9", + "@babel/plugin-transform-modules-systemjs": "^7.25.9", + "@babel/plugin-transform-modules-umd": "^7.25.9", + "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9", + "@babel/plugin-transform-new-target": "^7.25.9", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9", + "@babel/plugin-transform-numeric-separator": "^7.25.9", + "@babel/plugin-transform-object-rest-spread": "^7.25.9", + "@babel/plugin-transform-object-super": "^7.25.9", + "@babel/plugin-transform-optional-catch-binding": "^7.25.9", + "@babel/plugin-transform-optional-chaining": "^7.25.9", + "@babel/plugin-transform-parameters": "^7.25.9", + "@babel/plugin-transform-private-methods": "^7.25.9", + "@babel/plugin-transform-private-property-in-object": "^7.25.9", + "@babel/plugin-transform-property-literals": "^7.25.9", + "@babel/plugin-transform-regenerator": "^7.25.9", + "@babel/plugin-transform-regexp-modifiers": "^7.26.0", + "@babel/plugin-transform-reserved-words": "^7.25.9", + "@babel/plugin-transform-shorthand-properties": "^7.25.9", + "@babel/plugin-transform-spread": "^7.25.9", + "@babel/plugin-transform-sticky-regex": "^7.25.9", + "@babel/plugin-transform-template-literals": "^7.25.9", + "@babel/plugin-transform-typeof-symbol": "^7.25.9", + "@babel/plugin-transform-unicode-escapes": "^7.25.9", + "@babel/plugin-transform-unicode-property-regex": "^7.25.9", + "@babel/plugin-transform-unicode-regex": "^7.25.9", + "@babel/plugin-transform-unicode-sets-regex": "^7.25.9", + "@babel/preset-modules": "0.1.6-no-external-plugins", + "babel-plugin-polyfill-corejs2": "^0.4.10", + "babel-plugin-polyfill-corejs3": "^0.10.6", + "babel-plugin-polyfill-regenerator": "^0.6.1", + "core-js-compat": "^3.38.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/preset-env/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/@babel/preset-modules": { + "version": "0.1.6-no-external-plugins", + "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz", + "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.0.0", + "@babel/types": "^7.4.4", + "esutils": "^2.0.2" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/@babel/runtime": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz", + "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==", + "dev": true, + "license": "MIT", + "dependencies": { + "regenerator-runtime": "^0.14.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/template": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz", + "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.25.9", + "@babel/parser": "^7.25.9", + "@babel/types": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.25.9", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz", + "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.25.9", + "@babel/generator": "^7.25.9", + "@babel/parser": "^7.25.9", + "@babel/template": "^7.25.9", + "@babel/types": "^7.25.9", + "debug": "^4.3.1", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.26.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz", + "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-string-parser": "^7.25.9", + "@babel/helper-validator-identifier": "^7.25.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@colors/colors": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz", + "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.1.90" + } + }, + "node_modules/@discoveryjs/json-ext": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz", + "integrity": "sha512-4B4OijXeVNOPZlYA2oEwWOTkzyltLao+xbotHQeqN++Rv27Y6s818+n2Qkp8q+Fxhn0t/5lA5X1Mxktud8eayQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=14.17.0" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.24.0.tgz", + "integrity": "sha512-WtKdFM7ls47zkKHFVzMz8opM7LkcsIp9amDUBIAWirg70RM71WRSjdILPsY5Uv1D42ZpUfaPILDlfactHgsRkw==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.24.0.tgz", + "integrity": "sha512-arAtTPo76fJ/ICkXWetLCc9EwEHKaeya4vMrReVlEIUCAUncH7M4bhMQ+M9Vf+FFOZJdTNMXNBrWwW+OXWpSew==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.24.0.tgz", + "integrity": "sha512-Vsm497xFM7tTIPYK9bNTYJyF/lsP590Qc1WxJdlB6ljCbdZKU9SY8i7+Iin4kyhV/KV5J2rOKsBQbB77Ab7L/w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.24.0.tgz", + "integrity": "sha512-t8GrvnFkiIY7pa7mMgJd7p8p8qqYIz1NYiAoKc75Zyv73L3DZW++oYMSHPRarcotTKuSs6m3hTOa5CKHaS02TQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.24.0.tgz", + "integrity": "sha512-CKyDpRbK1hXwv79soeTJNHb5EiG6ct3efd/FTPdzOWdbZZfGhpbcqIpiD0+vwmpu0wTIL97ZRPZu8vUt46nBSw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.24.0.tgz", + "integrity": "sha512-rgtz6flkVkh58od4PwTRqxbKH9cOjaXCMZgWD905JOzjFKW+7EiUObfd/Kav+A6Gyud6WZk9w+xu6QLytdi2OA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.24.0.tgz", + "integrity": "sha512-6Mtdq5nHggwfDNLAHkPlyLBpE5L6hwsuXZX8XNmHno9JuL2+bg2BX5tRkwjyfn6sKbxZTq68suOjgWqCicvPXA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.24.0.tgz", + "integrity": "sha512-D3H+xh3/zphoX8ck4S2RxKR6gHlHDXXzOf6f/9dbFt/NRBDIE33+cVa49Kil4WUjxMGW0ZIYBYtaGCa2+OsQwQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.24.0.tgz", + "integrity": "sha512-gJKIi2IjRo5G6Glxb8d3DzYXlxdEj2NlkixPsqePSZMhLudqPhtZ4BUrpIuTjJYXxvF9njql+vRjB2oaC9XpBw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.24.0.tgz", + "integrity": "sha512-TDijPXTOeE3eaMkRYpcy3LarIg13dS9wWHRdwYRnzlwlA370rNdZqbcp0WTyyV/k2zSxfko52+C7jU5F9Tfj1g==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.24.0.tgz", + "integrity": "sha512-K40ip1LAcA0byL05TbCQ4yJ4swvnbzHscRmUilrmP9Am7//0UjPreh4lpYzvThT2Quw66MhjG//20mrufm40mA==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.24.0.tgz", + "integrity": "sha512-0mswrYP/9ai+CU0BzBfPMZ8RVm3RGAN/lmOMgW4aFUSOQBjA31UP8Mr6DDhWSuMwj7jaWOT0p0WoZ6jeHhrD7g==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.24.0.tgz", + "integrity": "sha512-hIKvXm0/3w/5+RDtCJeXqMZGkI2s4oMUGj3/jM0QzhgIASWrGO5/RlzAzm5nNh/awHE0A19h/CvHQe6FaBNrRA==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.24.0.tgz", + "integrity": "sha512-HcZh5BNq0aC52UoocJxaKORfFODWXZxtBaaZNuN3PUX3MoDsChsZqopzi5UupRhPHSEHotoiptqikjN/B77mYQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.24.0.tgz", + "integrity": "sha512-bEh7dMn/h3QxeR2KTy1DUszQjUrIHPZKyO6aN1X4BCnhfYhuQqedHaa5MxSQA/06j3GpiIlFGSsy1c7Gf9padw==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.24.0.tgz", + "integrity": "sha512-ZcQ6+qRkw1UcZGPyrCiHHkmBaj9SiCD8Oqd556HldP+QlpUIe2Wgn3ehQGVoPOvZvtHm8HPx+bH20c9pvbkX3g==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.24.0.tgz", + "integrity": "sha512-vbutsFqQ+foy3wSSbmjBXXIJ6PL3scghJoM8zCL142cGaZKAdCZHyf+Bpu/MmX9zT9Q0zFBVKb36Ma5Fzfa8xA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.24.0.tgz", + "integrity": "sha512-hjQ0R/ulkO8fCYFsG0FZoH+pWgTTDreqpqY7UnQntnaKv95uP5iW3+dChxnx7C3trQQU40S+OgWhUVwCjVFLvg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.24.0.tgz", + "integrity": "sha512-MD9uzzkPQbYehwcN583yx3Tu5M8EIoTD+tUgKF982WYL9Pf5rKy9ltgD0eUgs8pvKnmizxjXZyLt0z6DC3rRXg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.24.0.tgz", + "integrity": "sha512-4ir0aY1NGUhIC1hdoCzr1+5b43mw99uNwVzhIq1OY3QcEwPDO3B7WNXBzaKY5Nsf1+N11i1eOfFcq+D/gOS15Q==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.24.0.tgz", + "integrity": "sha512-jVzdzsbM5xrotH+W5f1s+JtUy1UWgjU0Cf4wMvffTB8m6wP5/kx0KiaLHlbJO+dMgtxKV8RQ/JvtlFcdZ1zCPA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.24.0.tgz", + "integrity": "sha512-iKc8GAslzRpBytO2/aN3d2yb2z8XTVfNV0PjGlCxKo5SgWmNXx82I/Q3aG1tFfS+A2igVCY97TJ8tnYwpUWLCA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.24.0.tgz", + "integrity": "sha512-vQW36KZolfIudCcTnaTpmLQ24Ha1RjygBo39/aLkM2kmjkWmZGEJ5Gn9l5/7tzXA42QGIoWbICfg6KLLkIw6yw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.24.0.tgz", + "integrity": "sha512-7IAFPrjSQIJrGsK6flwg7NFmwBoSTyF3rl7If0hNUFQU4ilTsEPL6GuMuU9BfIWVVGuRnuIidkSMC+c0Otu8IA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@inquirer/checkbox": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.0.2.tgz", + "integrity": "sha512-+gznPl8ip8P8HYHYecDtUtdsh1t2jvb+sWCD72GAiZ9m45RqwrLmReDaqdC0umQfamtFXVRoMVJ2/qINKGm9Tg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/figures": "^1.0.8", + "@inquirer/type": "^3.0.1", + "ansi-escapes": "^4.3.2", + "yoctocolors-cjs": "^2.1.2" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/confirm": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.0.2.tgz", + "integrity": "sha512-KJLUHOaKnNCYzwVbryj3TNBxyZIrr56fR5N45v6K9IPrbT6B7DcudBMfylkV1A8PUdJE15mybkEQyp2/ZUpxUA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/type": "^3.0.1" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/core": { + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.1.0.tgz", + "integrity": "sha512-I+ETk2AL+yAVbvuKx5AJpQmoaWhpiTFOg/UJb7ZkMAK4blmtG8ATh5ct+T/8xNld0CZG/2UhtkdMwpgvld92XQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/figures": "^1.0.8", + "@inquirer/type": "^3.0.1", + "ansi-escapes": "^4.3.2", + "cli-width": "^4.1.0", + "mute-stream": "^2.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/editor": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.1.0.tgz", + "integrity": "sha512-K1gGWsxEqO23tVdp5MT3H799OZ4ER1za7Dlc8F4um0W7lwSv0KGR/YyrUEyimj0g7dXZd8XknM/5QA2/Uy+TbA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/type": "^3.0.1", + "external-editor": "^3.1.0" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/expand": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.2.tgz", + "integrity": "sha512-WdgCX1cUtinz+syKyZdJomovULYlKUWZbVYZzhf+ZeeYf4htAQ3jLymoNs3koIAKfZZl3HUBb819ClCBfyznaw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/type": "^3.0.1", + "yoctocolors-cjs": "^2.1.2" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/figures": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.8.tgz", + "integrity": "sha512-tKd+jsmhq21AP1LhexC0pPwsCxEhGgAkg28byjJAd+xhmIs8LUX8JbUc3vBf3PhLxWiB5EvyBE5X7JSPAqMAqg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + } + }, + "node_modules/@inquirer/input": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.0.2.tgz", + "integrity": "sha512-yCLCraigU085EcdpIVEDgyfGv4vBiE4I+k1qRkc9C5dMjWF42ADMGy1RFU94+eZlz4YlkmFsiyHZy0W1wdhaNg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/type": "^3.0.1" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/number": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.2.tgz", + "integrity": "sha512-MKQhYofdUNk7eqJtz52KvM1dH6R93OMrqHduXCvuefKrsiMjHiMwjc3NZw5Imm2nqY7gWd9xdhYrtcHMJQZUxA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/type": "^3.0.1" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/password": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.2.tgz", + "integrity": "sha512-tQXGSu7IO07gsYlGy3VgXRVsbOWqFBMbqAUrJSc1PDTQQ5Qdm+QVwkP0OC0jnUZ62D19iPgXOMO+tnWG+HhjNQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/type": "^3.0.1", + "ansi-escapes": "^4.3.2" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/prompts": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-7.1.0.tgz", + "integrity": "sha512-5U/XiVRH2pp1X6gpNAjWOglMf38/Ys522ncEHIKT1voRUvSj/DQnR22OVxHnwu5S+rCFaUiPQ57JOtMFQayqYA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/checkbox": "^4.0.2", + "@inquirer/confirm": "^5.0.2", + "@inquirer/editor": "^4.1.0", + "@inquirer/expand": "^4.0.2", + "@inquirer/input": "^4.0.2", + "@inquirer/number": "^3.0.2", + "@inquirer/password": "^4.0.2", + "@inquirer/rawlist": "^4.0.2", + "@inquirer/search": "^3.0.2", + "@inquirer/select": "^4.0.2" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/rawlist": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.0.2.tgz", + "integrity": "sha512-3XGcskMoVF8H0Dl1S5TSZ3rMPPBWXRcM0VeNVsS4ByWeWjSeb0lPqfnBg6N7T0608I1B2bSVnbi2cwCrmOD1Yw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/type": "^3.0.1", + "yoctocolors-cjs": "^2.1.2" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/search": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.0.2.tgz", + "integrity": "sha512-Zv4FC7w4dJ13BOJfKRQCICQfShinGjb1bCEIHxTSnjj2telu3+3RHwHubPG9HyD4aix5s+lyAMEK/wSFD75HLA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/figures": "^1.0.8", + "@inquirer/type": "^3.0.1", + "yoctocolors-cjs": "^2.1.2" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/select": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.0.2.tgz", + "integrity": "sha512-uSWUzaSYAEj0hlzxa1mUB6VqrKaYx0QxGBLZzU4xWFxaSyGaXxsSE4OSOwdU24j0xl8OajgayqFXW0l2bkl2kg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.0", + "@inquirer/figures": "^1.0.8", + "@inquirer/type": "^3.0.1", + "ansi-escapes": "^4.3.2", + "yoctocolors-cjs": "^2.1.2" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + } + }, + "node_modules/@inquirer/type": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.1.tgz", + "integrity": "sha512-+ksJMIy92sOAiAccGpcKZUc3bYO07cADnscIxHBknEm3uNts3movSmBofc1908BNy5edKscxYeAdaX1NXkHS6A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/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==", + "dev": true, + "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.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "dev": true, + "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==", + "dev": true, + "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==", + "dev": true, + "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==", + "dev": true, + "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==", + "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/@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==", + "dev": true, + "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/@isaacs/fs-minipass": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz", + "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^7.0.4" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "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/@jridgewell/gen-mapping": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", + "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/set-array": "^1.2.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.24" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/source-map": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz", + "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz", + "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@jsonjoy.com/base64": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz", + "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, + "node_modules/@jsonjoy.com/json-pack": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.1.0.tgz", + "integrity": "sha512-zlQONA+msXPPwHWZMKFVS78ewFczIll5lXiVPwFPCZUsrOKdxc2AvxU1HoNBmMRhqDZUR9HkC3UOm+6pME6Xsg==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@jsonjoy.com/base64": "^1.1.1", + "@jsonjoy.com/util": "^1.1.2", + "hyperdyperid": "^1.2.0", + "thingies": "^1.20.0" + }, + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, + "node_modules/@jsonjoy.com/util": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz", + "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, + "node_modules/@leichtgewicht/ip-codec": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz", + "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@listr2/prompt-adapter-inquirer": { + "version": "2.0.18", + "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-2.0.18.tgz", + "integrity": "sha512-0hz44rAcrphyXcA8IS7EJ2SCoaBZD2u5goE8S/e+q/DL+dOGpqpcLidVOFeLG3VgML62SXmfRLAhWt0zL1oW4Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/type": "^1.5.5" + }, + "engines": { + "node": ">=18.0.0" + }, + "peerDependencies": { + "@inquirer/prompts": ">= 3 < 8" + } + }, + "node_modules/@listr2/prompt-adapter-inquirer/node_modules/@inquirer/type": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz", + "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==", + "dev": true, + "license": "MIT", + "dependencies": { + "mute-stream": "^1.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@listr2/prompt-adapter-inquirer/node_modules/mute-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz", + "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/@lmdb/lmdb-darwin-arm64": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.1.5.tgz", + "integrity": "sha512-ue5PSOzHMCIYrfvPP/MRS6hsKKLzqqhcdAvJCO8uFlDdj598EhgnacuOTuqA6uBK5rgiZXfDWyb7DVZSiBKxBA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@lmdb/lmdb-darwin-x64": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.1.5.tgz", + "integrity": "sha512-CGhsb0R5vE6mMNCoSfxHFD8QTvBHM51gs4DBeigTYHWnYv2V5YpJkC4rMo5qAAFifuUcc0+a8a3SIU0c9NrfNw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@lmdb/lmdb-linux-arm": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.1.5.tgz", + "integrity": "sha512-3WeW328DN+xB5PZdhSWmqE+t3+44xWXEbqQ+caWJEZfOFdLp9yklBZEbVqVdqzznkoaXJYxTCp996KD6HmANeg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@lmdb/lmdb-linux-arm64": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.1.5.tgz", + "integrity": "sha512-LAjaoOcBHGj6fiYB8ureiqPoph4eygbXu4vcOF+hsxiY74n8ilA7rJMmGUT0K0JOB5lmRQHSmor3mytRjS4qeQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@lmdb/lmdb-linux-x64": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.1.5.tgz", + "integrity": "sha512-k/IklElP70qdCXOQixclSl2GPLFiopynGoKX1FqDd1/H0E3Fo1oPwjY2rEVu+0nS3AOw1sryStdXk8CW3cVIsw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@lmdb/lmdb-win32-x64": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.1.5.tgz", + "integrity": "sha512-KYar6W8nraZfSJspcK7Kp7hdj238X/FNauYbZyrqPBrtsXI1hvI4/KcRcRGP50aQoV7fkKDyJERlrQGMGTZUsA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz", + "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz", + "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz", + "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz", + "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz", + "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz", + "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@napi-rs/nice": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice/-/nice-1.0.1.tgz", + "integrity": "sha512-zM0mVWSXE0a0h9aKACLwKmD6nHcRiKrPpCfvaKqG1CqDEyjEawId0ocXxVzPMCAm6kkWr2P025msfxXEnt8UGQ==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">= 10" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "optionalDependencies": { + "@napi-rs/nice-android-arm-eabi": "1.0.1", + "@napi-rs/nice-android-arm64": "1.0.1", + "@napi-rs/nice-darwin-arm64": "1.0.1", + "@napi-rs/nice-darwin-x64": "1.0.1", + "@napi-rs/nice-freebsd-x64": "1.0.1", + "@napi-rs/nice-linux-arm-gnueabihf": "1.0.1", + "@napi-rs/nice-linux-arm64-gnu": "1.0.1", + "@napi-rs/nice-linux-arm64-musl": "1.0.1", + "@napi-rs/nice-linux-ppc64-gnu": "1.0.1", + "@napi-rs/nice-linux-riscv64-gnu": "1.0.1", + "@napi-rs/nice-linux-s390x-gnu": "1.0.1", + "@napi-rs/nice-linux-x64-gnu": "1.0.1", + "@napi-rs/nice-linux-x64-musl": "1.0.1", + "@napi-rs/nice-win32-arm64-msvc": "1.0.1", + "@napi-rs/nice-win32-ia32-msvc": "1.0.1", + "@napi-rs/nice-win32-x64-msvc": "1.0.1" + } + }, + "node_modules/@napi-rs/nice-android-arm-eabi": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm-eabi/-/nice-android-arm-eabi-1.0.1.tgz", + "integrity": "sha512-5qpvOu5IGwDo7MEKVqqyAxF90I6aLj4n07OzpARdgDRfz8UbBztTByBp0RC59r3J1Ij8uzYi6jI7r5Lws7nn6w==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-android-arm64": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm64/-/nice-android-arm64-1.0.1.tgz", + "integrity": "sha512-GqvXL0P8fZ+mQqG1g0o4AO9hJjQaeYG84FRfZaYjyJtZZZcMjXW5TwkL8Y8UApheJgyE13TQ4YNUssQaTgTyvA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-darwin-arm64": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-arm64/-/nice-darwin-arm64-1.0.1.tgz", + "integrity": "sha512-91k3HEqUl2fsrz/sKkuEkscj6EAj3/eZNCLqzD2AA0TtVbkQi8nqxZCZDMkfklULmxLkMxuUdKe7RvG/T6s2AA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-darwin-x64": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-x64/-/nice-darwin-x64-1.0.1.tgz", + "integrity": "sha512-jXnMleYSIR/+TAN/p5u+NkCA7yidgswx5ftqzXdD5wgy/hNR92oerTXHc0jrlBisbd7DpzoaGY4cFD7Sm5GlgQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-freebsd-x64": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-freebsd-x64/-/nice-freebsd-x64-1.0.1.tgz", + "integrity": "sha512-j+iJ/ezONXRQsVIB/FJfwjeQXX7A2tf3gEXs4WUGFrJjpe/z2KB7sOv6zpkm08PofF36C9S7wTNuzHZ/Iiccfw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-arm-gnueabihf": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm-gnueabihf/-/nice-linux-arm-gnueabihf-1.0.1.tgz", + "integrity": "sha512-G8RgJ8FYXYkkSGQwywAUh84m946UTn6l03/vmEXBYNJxQJcD+I3B3k5jmjFG/OPiU8DfvxutOP8bi+F89MCV7Q==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-arm64-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-gnu/-/nice-linux-arm64-gnu-1.0.1.tgz", + "integrity": "sha512-IMDak59/W5JSab1oZvmNbrms3mHqcreaCeClUjwlwDr0m3BoR09ZiN8cKFBzuSlXgRdZ4PNqCYNeGQv7YMTjuA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-arm64-musl": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-musl/-/nice-linux-arm64-musl-1.0.1.tgz", + "integrity": "sha512-wG8fa2VKuWM4CfjOjjRX9YLIbysSVV1S3Kgm2Fnc67ap/soHBeYZa6AGMeR5BJAylYRjnoVOzV19Cmkco3QEPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-ppc64-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-ppc64-gnu/-/nice-linux-ppc64-gnu-1.0.1.tgz", + "integrity": "sha512-lxQ9WrBf0IlNTCA9oS2jg/iAjQyTI6JHzABV664LLrLA/SIdD+I1i3Mjf7TsnoUbgopBcCuDztVLfJ0q9ubf6Q==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-riscv64-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-riscv64-gnu/-/nice-linux-riscv64-gnu-1.0.1.tgz", + "integrity": "sha512-3xs69dO8WSWBb13KBVex+yvxmUeEsdWexxibqskzoKaWx9AIqkMbWmE2npkazJoopPKX2ULKd8Fm9veEn0g4Ig==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-s390x-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-s390x-gnu/-/nice-linux-s390x-gnu-1.0.1.tgz", + "integrity": "sha512-lMFI3i9rlW7hgToyAzTaEybQYGbQHDrpRkg+1gJWEpH0PLAQoZ8jiY0IzakLfNWnVda1eTYYlxxFYzW8Rqczkg==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-x64-gnu": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-gnu/-/nice-linux-x64-gnu-1.0.1.tgz", + "integrity": "sha512-XQAJs7DRN2GpLN6Fb+ZdGFeYZDdGl2Fn3TmFlqEL5JorgWKrQGRUrpGKbgZ25UeZPILuTKJ+OowG2avN8mThBA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-x64-musl": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-musl/-/nice-linux-x64-musl-1.0.1.tgz", + "integrity": "sha512-/rodHpRSgiI9o1faq9SZOp/o2QkKQg7T+DK0R5AkbnI/YxvAIEHf2cngjYzLMQSQgUhxym+LFr+UGZx4vK4QdQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-win32-arm64-msvc": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-arm64-msvc/-/nice-win32-arm64-msvc-1.0.1.tgz", + "integrity": "sha512-rEcz9vZymaCB3OqEXoHnp9YViLct8ugF+6uO5McifTedjq4QMQs3DHz35xBEGhH3gJWEsXMUbzazkz5KNM5YUg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-win32-ia32-msvc": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-ia32-msvc/-/nice-win32-ia32-msvc-1.0.1.tgz", + "integrity": "sha512-t7eBAyPUrWL8su3gDxw9xxxqNwZzAqKo0Szv3IjVQd1GpXXVkb6vBBQUuxfIYaXMzZLwlxRQ7uzM2vdUE9ULGw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-win32-x64-msvc": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-x64-msvc/-/nice-win32-x64-msvc-1.0.1.tgz", + "integrity": "sha512-JlF+uDcatt3St2ntBG8H02F1mM45i5SF9W+bIKiReVE6wiy3o16oBP/yxt+RZ+N6LbCImJXJ6bXNO2kn9AXicg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@ngtools/webpack": { + "version": "19.0.2", + "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-19.0.2.tgz", + "integrity": "sha512-wHAIItix6zAOczdLjY9Z/e4mtpBDSzBkN//N6GHoGtjtCSzqZg4uPg5KG7B5tpVb/u6IMRK+4hhu9Vu8lhzz8g==", + "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": "^19.0.0", + "typescript": ">=5.5 <5.7", + "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", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@npmcli/agent": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-2.2.2.tgz", + "integrity": "sha512-OrcNPXdpSl9UX7qPVRWbmWMCSXrcDa2M9DvrbOTj7ao1S4PlqVFYv9/yLKMkrJKZ/V5A/kDBC690or307i26Og==", + "dev": true, + "license": "ISC", + "dependencies": { + "agent-base": "^7.1.0", + "http-proxy-agent": "^7.0.0", + "https-proxy-agent": "^7.0.1", + "lru-cache": "^10.0.1", + "socks-proxy-agent": "^8.0.3" + }, + "engines": { + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/@npmcli/agent/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/@npmcli/fs": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-4.0.0.tgz", + "integrity": "sha512-/xGlezI6xfGO9NwuJlnwz/K14qD1kCSAGtacBHnGzeAIuJGazcp45KP5NuyARXoKb7cwulAGWVsbeSxdG/cb0Q==", + "dev": true, + "license": "ISC", + "dependencies": { + "semver": "^7.3.5" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/git": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-6.0.1.tgz", + "integrity": "sha512-BBWMMxeQzalmKadyimwb2/VVQyJB01PH0HhVSNLHNBDZN/M/h/02P6f8fxedIiFhpMj11SO9Ep5tKTBE7zL2nw==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/promise-spawn": "^8.0.0", + "ini": "^5.0.0", + "lru-cache": "^10.0.1", + "npm-pick-manifest": "^10.0.0", + "proc-log": "^5.0.0", + "promise-inflight": "^1.0.1", + "promise-retry": "^2.0.1", + "semver": "^7.3.5", + "which": "^5.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/git/node_modules/isexe": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=16" + } + }, + "node_modules/@npmcli/git/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/@npmcli/git/node_modules/which": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz", + "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^3.1.1" + }, + "bin": { + "node-which": "bin/which.js" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/installed-package-contents": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-3.0.0.tgz", + "integrity": "sha512-fkxoPuFGvxyrH+OQzyTkX2LUEamrF4jZSmxjAtPPHHGO0dqsQ8tTKjnIS8SAnPHdk2I03BDtSMR5K/4loKg79Q==", + "dev": true, + "license": "ISC", + "dependencies": { + "npm-bundled": "^4.0.0", + "npm-normalize-package-bin": "^4.0.0" + }, + "bin": { + "installed-package-contents": "bin/index.js" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/node-gyp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-4.0.0.tgz", + "integrity": "sha512-+t5DZ6mO/QFh78PByMq1fGSAub/agLJZDRfJRMeOSNCt8s9YVlTjmGpIPwPhvXTGUIJk+WszlT0rQa1W33yzNA==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/package-json": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-6.1.0.tgz", + "integrity": "sha512-t6G+6ZInT4X+tqj2i+wlLIeCKnKOTuz9/VFYDtj+TGTur5q7sp/OYrQA19LdBbWfXDOi0Y4jtedV6xtB8zQ9ug==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/git": "^6.0.0", + "glob": "^10.2.2", + "hosted-git-info": "^8.0.0", + "json-parse-even-better-errors": "^4.0.0", + "normalize-package-data": "^7.0.0", + "proc-log": "^5.0.0", + "semver": "^7.5.3" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/package-json/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@npmcli/package-json/node_modules/glob": { + "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": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@npmcli/package-json/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@npmcli/promise-spawn": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-8.0.2.tgz", + "integrity": "sha512-/bNJhjc+o6qL+Dwz/bqfTQClkEO5nTQ1ZEcdCkAQjhkZMHIh22LPG7fNh1enJP1NKWDqYiiABnjFCY7E0zHYtQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "which": "^5.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/promise-spawn/node_modules/isexe": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=16" + } + }, + "node_modules/@npmcli/promise-spawn/node_modules/which": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz", + "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^3.1.1" + }, + "bin": { + "node-which": "bin/which.js" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/redact": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-3.0.0.tgz", + "integrity": "sha512-/1uFzjVcfzqrgCeGW7+SZ4hv0qLWmKXVzFahZGJ6QuJBj6Myt9s17+JL86i76NV9YSnJRcGXJYQbAU0rn1YTCQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/run-script": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-9.0.1.tgz", + "integrity": "sha512-q9C0uHrb6B6cm3qXVM32UmpqTKuFGbtP23O2K5sLvPMz2hilKd0ptqGXSpuunOuOmPQb/aT5F/kCXFc1P2gO/A==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/node-gyp": "^4.0.0", + "@npmcli/package-json": "^6.0.0", + "@npmcli/promise-spawn": "^8.0.0", + "node-gyp": "^10.0.0", + "proc-log": "^5.0.0", + "which": "^5.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@npmcli/run-script/node_modules/isexe": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=16" + } + }, + "node_modules/@npmcli/run-script/node_modules/which": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz", + "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^3.1.1" + }, + "bin": { + "node-which": "bin/which.js" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@parcel/watcher": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz", + "integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "dependencies": { + "detect-libc": "^1.0.3", + "is-glob": "^4.0.3", + "micromatch": "^4.0.5", + "node-addon-api": "^7.0.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.0", + "@parcel/watcher-darwin-arm64": "2.5.0", + "@parcel/watcher-darwin-x64": "2.5.0", + "@parcel/watcher-freebsd-x64": "2.5.0", + "@parcel/watcher-linux-arm-glibc": "2.5.0", + "@parcel/watcher-linux-arm-musl": "2.5.0", + "@parcel/watcher-linux-arm64-glibc": "2.5.0", + "@parcel/watcher-linux-arm64-musl": "2.5.0", + "@parcel/watcher-linux-x64-glibc": "2.5.0", + "@parcel/watcher-linux-x64-musl": "2.5.0", + "@parcel/watcher-win32-arm64": "2.5.0", + "@parcel/watcher-win32-ia32": "2.5.0", + "@parcel/watcher-win32-x64": "2.5.0" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz", + "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz", + "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz", + "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz", + "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz", + "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz", + "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz", + "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz", + "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz", + "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz", + "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz", + "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz", + "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz", + "integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher/node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/@parcel/watcher/node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "license": "MIT", + "optional": true + }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=14" + } + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.26.0.tgz", + "integrity": "sha512-gJNwtPDGEaOEgejbaseY6xMFu+CPltsc8/T+diUTTbOQLqD+bnrJq9ulH6WD69TqwqWmrfRAtUv30cCFZlbGTQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.26.0.tgz", + "integrity": "sha512-YJa5Gy8mEZgz5JquFruhJODMq3lTHWLm1fOy+HIANquLzfIOzE9RA5ie3JjCdVb9r46qfAQY/l947V0zfGJ0OQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.26.0.tgz", + "integrity": "sha512-ErTASs8YKbqTBoPLp/kA1B1Um5YSom8QAc4rKhg7b9tyyVqDBlQxy7Bf2wW7yIlPGPg2UODDQcbkTlruPzDosw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.26.0.tgz", + "integrity": "sha512-wbgkYDHcdWW+NqP2mnf2NOuEbOLzDblalrOWcPyY6+BRbVhliavon15UploG7PpBRQ2bZJnbmh8o3yLoBvDIHA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.26.0.tgz", + "integrity": "sha512-Y9vpjfp9CDkAG4q/uwuhZk96LP11fBz/bYdyg9oaHYhtGZp7NrbkQrj/66DYMMP2Yo/QPAsVHkV891KyO52fhg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.26.0.tgz", + "integrity": "sha512-A/jvfCZ55EYPsqeaAt/yDAG4q5tt1ZboWMHEvKAH9Zl92DWvMIbnZe/f/eOXze65aJaaKbL+YeM0Hz4kLQvdwg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.26.0.tgz", + "integrity": "sha512-paHF1bMXKDuizaMODm2bBTjRiHxESWiIyIdMugKeLnjuS1TCS54MF5+Y5Dx8Ui/1RBPVRE09i5OUlaLnv8OGnA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.26.0.tgz", + "integrity": "sha512-cwxiHZU1GAs+TMxvgPfUDtVZjdBdTsQwVnNlzRXC5QzIJ6nhfB4I1ahKoe9yPmoaA/Vhf7m9dB1chGPpDRdGXg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.26.0.tgz", + "integrity": "sha512-4daeEUQutGRCW/9zEo8JtdAgtJ1q2g5oHaoQaZbMSKaIWKDQwQ3Yx0/3jJNmpzrsScIPtx/V+1AfibLisb3AMQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.26.0.tgz", + "integrity": "sha512-eGkX7zzkNxvvS05ROzJ/cO/AKqNvR/7t1jA3VZDi2vRniLKwAWxUr85fH3NsvtxU5vnUUKFHKh8flIBdlo2b3Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.26.0.tgz", + "integrity": "sha512-Odp/lgHbW/mAqw/pU21goo5ruWsytP7/HCC/liOt0zcGG0llYWKrd10k9Fj0pdj3prQ63N5yQLCLiE7HTX+MYw==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.26.0.tgz", + "integrity": "sha512-MBR2ZhCTzUgVD0OJdTzNeF4+zsVogIR1U/FsyuFerwcqjZGvg2nYe24SAHp8O5sN8ZkRVbHwlYeHqcSQ8tcYew==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.26.0.tgz", + "integrity": "sha512-YYcg8MkbN17fMbRMZuxwmxWqsmQufh3ZJFxFGoHjrE7bv0X+T6l3glcdzd7IKLiwhT+PZOJCblpnNlz1/C3kGQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.26.0.tgz", + "integrity": "sha512-ZuwpfjCwjPkAOxpjAEjabg6LRSfL7cAJb6gSQGZYjGhadlzKKywDkCUnJ+KEfrNY1jH5EEoSIKLCb572jSiglA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.26.0.tgz", + "integrity": "sha512-+HJD2lFS86qkeF8kNu0kALtifMpPCZU80HvwztIKnYwym3KnA1os6nsX4BGSTLtS2QVAGG1P3guRgsYyMA0Yhg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.26.0.tgz", + "integrity": "sha512-WUQzVFWPSw2uJzX4j6YEbMAiLbs0BUysgysh8s817doAYhR5ybqTI1wtKARQKo6cGop3pHnrUJPFCsXdoFaimQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.26.0.tgz", + "integrity": "sha512-D4CxkazFKBfN1akAIY6ieyOqzoOoBV1OICxgUblWxff/pSjCA2khXlASUx7mK6W1oP4McqhgcCsu6QaLj3WMWg==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.26.0.tgz", + "integrity": "sha512-2x8MO1rm4PGEP0xWbubJW5RtbNLk3puzAMaLQd3B3JHVw4KcHlmXcO+Wewx9zCoo7EUFiMlu/aZbCJ7VjMzAag==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@schematics/angular": { + "version": "19.0.2", + "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-19.0.2.tgz", + "integrity": "sha512-KPNKJRcuJ9kWctcW+g7WzmCEHpjNnYbNVyiU/MvKdQX0uhGXnXE13YMVfgYIf/0KeHcVp5dkAwg5dkmm9PGNTw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-devkit/core": "19.0.2", + "@angular-devkit/schematics": "19.0.2", + "jsonc-parser": "3.3.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" + } + }, + "node_modules/@sigstore/bundle": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-3.0.0.tgz", + "integrity": "sha512-XDUYX56iMPAn/cdgh/DTJxz5RWmqKV4pwvUAEKEWJl+HzKdCd/24wUa9JYNMlDSCb7SUHAdtksxYX779Nne/Zg==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@sigstore/protobuf-specs": "^0.3.2" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@sigstore/core": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-2.0.0.tgz", + "integrity": "sha512-nYxaSb/MtlSI+JWcwTHQxyNmWeWrUXJJ/G4liLrGG7+tS4vAz6LF3xRXqLH6wPIVUoZQel2Fs4ddLx4NCpiIYg==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@sigstore/protobuf-specs": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.3.2.tgz", + "integrity": "sha512-c6B0ehIWxMI8wiS/bj6rHMPqeFvngFV7cDU/MY+B16P9Z3Mp9k8L93eYZ7BYzSickzuqAQqAq0V956b3Ju6mLw==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/@sigstore/sign": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-3.0.0.tgz", + "integrity": "sha512-UjhDMQOkyDoktpXoc5YPJpJK6IooF2gayAr5LvXI4EL7O0vd58okgfRcxuaH+YTdhvb5aa1Q9f+WJ0c2sVuYIw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@sigstore/bundle": "^3.0.0", + "@sigstore/core": "^2.0.0", + "@sigstore/protobuf-specs": "^0.3.2", + "make-fetch-happen": "^14.0.1", + "proc-log": "^5.0.0", + "promise-retry": "^2.0.1" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@sigstore/sign/node_modules/@npmcli/agent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-3.0.0.tgz", + "integrity": "sha512-S79NdEgDQd/NGCay6TCoVzXSj74skRZIKJcpJjC5lOq34SZzyI6MqtiiWoiVWoVrTcGjNeC4ipbh1VIHlpfF5Q==", + "dev": true, + "license": "ISC", + "dependencies": { + "agent-base": "^7.1.0", + "http-proxy-agent": "^7.0.0", + "https-proxy-agent": "^7.0.1", + "lru-cache": "^10.0.1", + "socks-proxy-agent": "^8.0.3" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@sigstore/sign/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@sigstore/sign/node_modules/glob": { + "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": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@sigstore/sign/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/@sigstore/sign/node_modules/make-fetch-happen": { + "version": "14.0.3", + "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-14.0.3.tgz", + "integrity": "sha512-QMjGbFTP0blj97EeidG5hk/QhKQ3T4ICckQGLgz38QF7Vgbk6e6FTARN8KhKxyBbWn8R0HU+bnw8aSoFPD4qtQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/agent": "^3.0.0", + "cacache": "^19.0.1", + "http-cache-semantics": "^4.1.1", + "minipass": "^7.0.2", + "minipass-fetch": "^4.0.0", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.4", + "negotiator": "^1.0.0", + "proc-log": "^5.0.0", + "promise-retry": "^2.0.1", + "ssri": "^12.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@sigstore/sign/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@sigstore/sign/node_modules/minipass-fetch": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-4.0.0.tgz", + "integrity": "sha512-2v6aXUXwLP1Epd/gc32HAMIWoczx+fZwEPRHm/VwtrJzRGwR1qGZXEYV3Zp8ZjjbwaZhMrM6uHV4KVkk+XCc2w==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^7.0.3", + "minipass-sized": "^1.0.3", + "minizlib": "^3.0.1" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + }, + "optionalDependencies": { + "encoding": "^0.1.13" + } + }, + "node_modules/@sigstore/sign/node_modules/minizlib": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.1.tgz", + "integrity": "sha512-umcy022ILvb5/3Djuu8LWeqUa8D68JaBzlttKeMWen48SjabqS3iY5w/vzeMzMUNhLDifyhbOwKDSznB1vvrwg==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^7.0.4", + "rimraf": "^5.0.5" + }, + "engines": { + "node": ">= 18" + } + }, + "node_modules/@sigstore/sign/node_modules/negotiator": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz", + "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/@sigstore/sign/node_modules/rimraf": { + "version": "5.0.10", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.10.tgz", + "integrity": "sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "glob": "^10.3.7" + }, + "bin": { + "rimraf": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@sigstore/tuf": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-3.0.0.tgz", + "integrity": "sha512-9Xxy/8U5OFJu7s+OsHzI96IX/OzjF/zj0BSSaWhgJgTqtlBhQIV2xdrQI5qxLD7+CWWDepadnXAxzaZ3u9cvRw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@sigstore/protobuf-specs": "^0.3.2", + "tuf-js": "^3.0.1" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@sigstore/verify": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-2.0.0.tgz", + "integrity": "sha512-Ggtq2GsJuxFNUvQzLoXqRwS4ceRfLAJnrIHUDrzAD0GgnOhwujJkKkxM/s5Bako07c3WtAs/sZo5PJq7VHjeDg==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@sigstore/bundle": "^3.0.0", + "@sigstore/core": "^2.0.0", + "@sigstore/protobuf-specs": "^0.3.2" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "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/@socket.io/component-emitter": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz", + "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@tufjs/canonical-json": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz", + "integrity": "sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/@tufjs/models": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-3.0.1.tgz", + "integrity": "sha512-UUYHISyhCU3ZgN8yaear3cGATHb3SMuKHsQ/nVbHXcmnBf+LzQ/cQfhNG+rfaSHgqGKNEm2cOCLVLELStUQ1JA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@tufjs/canonical-json": "2.0.0", + "minimatch": "^9.0.5" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/@tufjs/models/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@tufjs/models/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@types/babel__core": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", + "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", + "dev": true, + "license": "MIT", + "optional": true, + "peer": true, + "dependencies": { + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7", + "@types/babel__generator": "*", + "@types/babel__template": "*", + "@types/babel__traverse": "*" + } + }, + "node_modules/@types/babel__generator": { + "version": "7.6.8", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz", + "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==", + "dev": true, + "license": "MIT", + "optional": true, + "peer": true, + "dependencies": { + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", + "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", + "dev": true, + "license": "MIT", + "optional": true, + "peer": true, + "dependencies": { + "@babel/parser": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__traverse": { + "version": "7.20.6", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz", + "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==", + "dev": true, + "license": "MIT", + "optional": true, + "peer": true, + "dependencies": { + "@babel/types": "^7.20.7" + } + }, + "node_modules/@types/body-parser": { + "version": "1.19.5", + "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz", + "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/connect": "*", + "@types/node": "*" + } + }, + "node_modules/@types/bonjour": { + "version": "3.5.13", + "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz", + "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/connect": { + "version": "3.4.38", + "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz", + "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/connect-history-api-fallback": { + "version": "1.5.4", + "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz", + "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/express-serve-static-core": "*", + "@types/node": "*" + } + }, + "node_modules/@types/cookie": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz", + "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/cors": { + "version": "2.8.17", + "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz", + "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/eslint": { + "version": "9.6.1", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz", + "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "*", + "@types/json-schema": "*" + } + }, + "node_modules/@types/eslint-scope": { + "version": "3.7.7", + "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz", + "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/eslint": "*", + "@types/estree": "*" + } + }, + "node_modules/@types/estree": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", + "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/express": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz", + "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/body-parser": "*", + "@types/express-serve-static-core": "^4.17.33", + "@types/qs": "*", + "@types/serve-static": "*" + } + }, + "node_modules/@types/express-serve-static-core": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.2.tgz", + "integrity": "sha512-vluaspfvWEtE4vcSDlKRNer52DvOGrB2xv6diXy6UKyKW0lqZiWHGNApSyxOv+8DE5Z27IzVvE7hNkxg7EXIcg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*", + "@types/qs": "*", + "@types/range-parser": "*", + "@types/send": "*" + } + }, + "node_modules/@types/express/node_modules/@types/express-serve-static-core": { + "version": "4.19.6", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz", + "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*", + "@types/qs": "*", + "@types/range-parser": "*", + "@types/send": "*" + } + }, + "node_modules/@types/http-errors": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz", + "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/http-proxy": { + "version": "1.17.15", + "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.15.tgz", + "integrity": "sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/jasmine": { + "version": "5.1.5", + "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-5.1.5.tgz", + "integrity": "sha512-SaCZ3kM5NjOiJqMRYwHpLbTfUC2Dyk1KS3QanNFsUYPGTk70CWVK/J9ueun6zNhw/UkgV7xl8V4ZLQZNRbfnNw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/json-schema": { + "version": "7.0.15", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/mime": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz", + "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/node": { + "version": "22.10.1", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.1.tgz", + "integrity": "sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "undici-types": "~6.20.0" + } + }, + "node_modules/@types/node-forge": { + "version": "1.3.11", + "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.11.tgz", + "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/qs": { + "version": "6.9.17", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.17.tgz", + "integrity": "sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/range-parser": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz", + "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/retry": { + "version": "0.12.2", + "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz", + "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/send": { + "version": "0.17.4", + "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz", + "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/mime": "^1", + "@types/node": "*" + } + }, + "node_modules/@types/serve-index": { + "version": "1.9.4", + "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz", + "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/express": "*" + } + }, + "node_modules/@types/serve-static": { + "version": "1.15.7", + "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz", + "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/http-errors": "*", + "@types/node": "*", + "@types/send": "*" + } + }, + "node_modules/@types/sockjs": { + "version": "0.3.36", + "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz", + "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/ws": { + "version": "8.5.13", + "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.13.tgz", + "integrity": "sha512-osM/gWBTPKgHV8XkTunnegTRIsvF6owmf5w+JtAfOw472dptdm0dlGv4xCt6GwQRcC2XVOvvRE/0bAoQcL2QkA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@vitejs/plugin-basic-ssl": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz", + "integrity": "sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=14.6.0" + }, + "peerDependencies": { + "vite": "^3.0.0 || ^4.0.0 || ^5.0.0" + } + }, + "node_modules/@webassemblyjs/ast": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz", + "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/helper-numbers": "1.13.2", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2" + } + }, + "node_modules/@webassemblyjs/floating-point-hex-parser": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz", + "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@webassemblyjs/helper-api-error": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz", + "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@webassemblyjs/helper-buffer": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz", + "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@webassemblyjs/helper-numbers": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz", + "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/floating-point-hex-parser": "1.13.2", + "@webassemblyjs/helper-api-error": "1.13.2", + "@xtuc/long": "4.2.2" + } + }, + "node_modules/@webassemblyjs/helper-wasm-bytecode": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz", + "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@webassemblyjs/helper-wasm-section": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz", + "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-buffer": "1.14.1", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/wasm-gen": "1.14.1" + } + }, + "node_modules/@webassemblyjs/ieee754": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz", + "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@xtuc/ieee754": "^1.2.0" + } + }, + "node_modules/@webassemblyjs/leb128": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz", + "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@xtuc/long": "4.2.2" + } + }, + "node_modules/@webassemblyjs/utf8": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz", + "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@webassemblyjs/wasm-edit": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz", + "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-buffer": "1.14.1", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/helper-wasm-section": "1.14.1", + "@webassemblyjs/wasm-gen": "1.14.1", + "@webassemblyjs/wasm-opt": "1.14.1", + "@webassemblyjs/wasm-parser": "1.14.1", + "@webassemblyjs/wast-printer": "1.14.1" + } + }, + "node_modules/@webassemblyjs/wasm-gen": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz", + "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/ieee754": "1.13.2", + "@webassemblyjs/leb128": "1.13.2", + "@webassemblyjs/utf8": "1.13.2" + } + }, + "node_modules/@webassemblyjs/wasm-opt": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz", + "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-buffer": "1.14.1", + "@webassemblyjs/wasm-gen": "1.14.1", + "@webassemblyjs/wasm-parser": "1.14.1" + } + }, + "node_modules/@webassemblyjs/wasm-parser": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz", + "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/ast": "1.14.1", + "@webassemblyjs/helper-api-error": "1.13.2", + "@webassemblyjs/helper-wasm-bytecode": "1.13.2", + "@webassemblyjs/ieee754": "1.13.2", + "@webassemblyjs/leb128": "1.13.2", + "@webassemblyjs/utf8": "1.13.2" + } + }, + "node_modules/@webassemblyjs/wast-printer": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz", + "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/ast": "1.14.1", + "@xtuc/long": "4.2.2" + } + }, + "node_modules/@xtuc/ieee754": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", + "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", + "dev": true, + "license": "BSD-3-Clause" + }, + "node_modules/@xtuc/long": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", + "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", + "dev": true, + "license": "Apache-2.0" + }, + "node_modules/@yarnpkg/lockfile": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", + "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", + "dev": true, + "license": "BSD-2-Clause" + }, + "node_modules/abbrev": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz", + "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/accepts": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", + "dev": true, + "license": "MIT", + "dependencies": { + "mime-types": "~2.1.34", + "negotiator": "0.6.3" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/accepts/node_modules/negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/acorn": { + "version": "8.14.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz", + "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==", + "dev": true, + "license": "MIT", + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/adjust-sourcemap-loader": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz", + "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==", + "dev": true, + "license": "MIT", + "dependencies": { + "loader-utils": "^2.0.0", + "regex-parser": "^2.2.11" + }, + "engines": { + "node": ">=8.9" + } + }, + "node_modules/adjust-sourcemap-loader/node_modules/loader-utils": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", + "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", + "dev": true, + "license": "MIT", + "dependencies": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^2.1.2" + }, + "engines": { + "node": ">=8.9.0" + } + }, + "node_modules/agent-base": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz", + "integrity": "sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==", + "dev": true, + "license": "MIT", + "dependencies": { + "debug": "^4.3.4" + }, + "engines": { + "node": ">= 14" + } + }, + "node_modules/aggregate-error": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", + "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", + "dev": true, + "license": "MIT", + "dependencies": { + "clean-stack": "^2.0.0", + "indent-string": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/ajv": { + "version": "8.17.1", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz", + "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.3", + "fast-uri": "^3.0.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ajv-formats": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz", + "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ajv": "^8.0.0" + }, + "peerDependencies": { + "ajv": "^8.0.0" + }, + "peerDependenciesMeta": { + "ajv": { + "optional": true + } + } + }, + "node_modules/ajv-keywords": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", + "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.3" + }, + "peerDependencies": { + "ajv": "^8.8.2" + } + }, + "node_modules/ansi-colors": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz", + "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/ansi-escapes": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz", + "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "type-fest": "^0.21.3" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ansi-html-community": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz", + "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==", + "dev": true, + "engines": [ + "node >= 0.8.0" + ], + "license": "Apache-2.0", + "bin": { + "ansi-html": "bin/ansi-html" + } + }, + "node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "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/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "license": "ISC", + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/anymatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true, + "license": "Python-2.0" + }, + "node_modules/array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==", + "dev": true, + "license": "MIT" + }, + "node_modules/autoprefixer": { + "version": "10.4.20", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz", + "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/autoprefixer" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "browserslist": "^4.23.3", + "caniuse-lite": "^1.0.30001646", + "fraction.js": "^4.3.7", + "normalize-range": "^0.1.2", + "picocolors": "^1.0.1", + "postcss-value-parser": "^4.2.0" + }, + "bin": { + "autoprefixer": "bin/autoprefixer" + }, + "engines": { + "node": "^10 || ^12 || >=14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/babel-loader": { + "version": "9.2.1", + "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.2.1.tgz", + "integrity": "sha512-fqe8naHt46e0yIdkjUZYqddSXfej3AHajX+CSO5X7oy0EmPc6o5Xh+RClNoHjnieWz9AW4kZxW9yyFMhVB1QLA==", + "dev": true, + "license": "MIT", + "dependencies": { + "find-cache-dir": "^4.0.0", + "schema-utils": "^4.0.0" + }, + "engines": { + "node": ">= 14.15.0" + }, + "peerDependencies": { + "@babel/core": "^7.12.0", + "webpack": ">=5" + } + }, + "node_modules/babel-plugin-polyfill-corejs2": { + "version": "0.4.12", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz", + "integrity": "sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/compat-data": "^7.22.6", + "@babel/helper-define-polyfill-provider": "^0.6.3", + "semver": "^6.3.1" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/babel-plugin-polyfill-corejs3": { + "version": "0.10.6", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz", + "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.6.2", + "core-js-compat": "^3.38.0" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-plugin-polyfill-regenerator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.3.tgz", + "integrity": "sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.6.3" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true, + "license": "MIT" + }, + "node_modules/base64-js": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, + "node_modules/base64id": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz", + "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^4.5.0 || >= 5.9" + } + }, + "node_modules/batch": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz", + "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==", + "dev": true, + "license": "MIT" + }, + "node_modules/beasties": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.1.0.tgz", + "integrity": "sha512-+Ssscd2gVG24qRNC+E2g88D+xsQW4xwakWtKAiGEQ3Pw54/FGdyo9RrfxhGhEv6ilFVbB7r3Lgx+QnAxnSpECw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "css-select": "^5.1.0", + "css-what": "^6.1.0", + "dom-serializer": "^2.0.0", + "domhandler": "^5.0.3", + "htmlparser2": "^9.0.0", + "picocolors": "^1.1.1", + "postcss": "^8.4.47", + "postcss-media-query-parser": "^0.2.3" + } + }, + "node_modules/big.js": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", + "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": "*" + } + }, + "node_modules/binary-extensions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", + "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/bl": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz", + "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==", + "dev": true, + "license": "MIT", + "dependencies": { + "buffer": "^5.5.0", + "inherits": "^2.0.4", + "readable-stream": "^3.4.0" + } + }, + "node_modules/body-parser": { + "version": "1.20.3", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz", + "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==", + "dev": true, + "license": "MIT", + "dependencies": { + "bytes": "3.1.2", + "content-type": "~1.0.5", + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "on-finished": "2.4.1", + "qs": "6.13.0", + "raw-body": "2.5.2", + "type-is": "~1.6.18", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/body-parser/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/body-parser/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true, + "license": "MIT" + }, + "node_modules/bonjour-service": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.3.0.tgz", + "integrity": "sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.3", + "multicast-dns": "^7.2.5" + } + }, + "node_modules/boolbase": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", + "dev": true, + "license": "ISC" + }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "license": "MIT", + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/browserslist": { + "version": "4.24.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz", + "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "caniuse-lite": "^1.0.30001669", + "electron-to-chromium": "^1.5.41", + "node-releases": "^2.0.18", + "update-browserslist-db": "^1.1.1" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/buffer": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz", + "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.1.13" + } + }, + "node_modules/buffer-from": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/bundle-name": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz", + "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "run-applescript": "^7.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/bytes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/cacache": { + "version": "19.0.1", + "resolved": "https://registry.npmjs.org/cacache/-/cacache-19.0.1.tgz", + "integrity": "sha512-hdsUxulXCi5STId78vRVYEtDAjq99ICAUktLTeTYsLoTE6Z8dS0c8pWNCxwdrk9YfJeobDZc2Y186hD/5ZQgFQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/fs": "^4.0.0", + "fs-minipass": "^3.0.0", + "glob": "^10.2.2", + "lru-cache": "^10.0.1", + "minipass": "^7.0.3", + "minipass-collect": "^2.0.1", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.4", + "p-map": "^7.0.2", + "ssri": "^12.0.0", + "tar": "^7.4.3", + "unique-filename": "^4.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/cacache/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/cacache/node_modules/chownr": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", + "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" + } + }, + "node_modules/cacache/node_modules/glob": { + "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": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/cacache/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/cacache/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/cacache/node_modules/minizlib": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.1.tgz", + "integrity": "sha512-umcy022ILvb5/3Djuu8LWeqUa8D68JaBzlttKeMWen48SjabqS3iY5w/vzeMzMUNhLDifyhbOwKDSznB1vvrwg==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^7.0.4", + "rimraf": "^5.0.5" + }, + "engines": { + "node": ">= 18" + } + }, + "node_modules/cacache/node_modules/mkdirp": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz", + "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==", + "dev": true, + "license": "MIT", + "bin": { + "mkdirp": "dist/cjs/src/bin.js" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/cacache/node_modules/rimraf": { + "version": "5.0.10", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.10.tgz", + "integrity": "sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "glob": "^10.3.7" + }, + "bin": { + "rimraf": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/cacache/node_modules/tar": { + "version": "7.4.3", + "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz", + "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==", + "dev": true, + "license": "ISC", + "dependencies": { + "@isaacs/fs-minipass": "^4.0.0", + "chownr": "^3.0.0", + "minipass": "^7.1.2", + "minizlib": "^3.0.1", + "mkdirp": "^3.0.1", + "yallist": "^5.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/cacache/node_modules/yallist": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", + "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" + } + }, + "node_modules/call-bind": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", + "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "set-function-length": "^1.2.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001684", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001684.tgz", + "integrity": "sha512-G1LRwLIQjBQoyq0ZJGqGIJUXzJ8irpbjHLpVRXDvBEScFJ9b17sgK6vlx0GAJFE21okD7zXl08rRRUfq6HdoEQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "CC-BY-4.0" + }, + "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/chardet": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz", + "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==", + "dev": true, + "license": "MIT" + }, + "node_modules/chokidar": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz", + "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "readdirp": "^4.0.1" + }, + "engines": { + "node": ">= 14.16.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/chownr": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", + "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=10" + } + }, + "node_modules/chrome-trace-event": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz", + "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.0" + } + }, + "node_modules/clean-stack": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", + "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/cli-cursor": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz", + "integrity": "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==", + "dev": true, + "license": "MIT", + "dependencies": { + "restore-cursor": "^5.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cli-spinners": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz", + "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "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-width": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz", + "integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">= 12" + } + }, + "node_modules/cliui": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.1", + "wrap-ansi": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/cliui/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true, + "license": "MIT" + }, + "node_modules/cliui/node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/cliui/node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "license": "MIT", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/cliui/node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/clone": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", + "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.8" + } + }, + "node_modules/clone-deep": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz", + "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-plain-object": "^2.0.4", + "kind-of": "^6.0.2", + "shallow-clone": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/clone-deep/node_modules/is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "dev": true, + "license": "MIT", + "dependencies": { + "isobject": "^3.0.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "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/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/colorette": { + "version": "2.0.20", + "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz", + "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==", + "dev": true, + "license": "MIT" + }, + "node_modules/commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/common-path-prefix": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz", + "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==", + "dev": true, + "license": "ISC" + }, + "node_modules/compressible": { + "version": "2.0.18", + "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz", + "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==", + "dev": true, + "license": "MIT", + "dependencies": { + "mime-db": ">= 1.43.0 < 2" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/compression": { + "version": "1.7.5", + "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.5.tgz", + "integrity": "sha512-bQJ0YRck5ak3LgtnpKkiabX5pNF7tMUh1BSy2ZBOTh0Dim0BUu6aPPwByIns6/A5Prh8PufSPerMDUklpzes2Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "bytes": "3.1.2", + "compressible": "~2.0.18", + "debug": "2.6.9", + "negotiator": "~0.6.4", + "on-headers": "~1.0.2", + "safe-buffer": "5.2.1", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/compression/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/compression/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true, + "license": "MIT" + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true, + "license": "MIT" + }, + "node_modules/connect": { + "version": "3.7.0", + "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz", + "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "debug": "2.6.9", + "finalhandler": "1.1.2", + "parseurl": "~1.3.3", + "utils-merge": "1.0.1" + }, + "engines": { + "node": ">= 0.10.0" + } + }, + "node_modules/connect-history-api-fallback": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz", + "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.8" + } + }, + "node_modules/connect/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/connect/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true, + "license": "MIT" + }, + "node_modules/content-disposition": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "safe-buffer": "5.2.1" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/content-type": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true, + "license": "MIT" + }, + "node_modules/cookie": { + "version": "0.7.2", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz", + "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/copy-anything": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz", + "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-what": "^3.14.1" + }, + "funding": { + "url": "https://github.com/sponsors/mesqueeb" + } + }, + "node_modules/copy-webpack-plugin": { + "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.3.2", + "glob-parent": "^6.0.1", + "globby": "^14.0.0", + "normalize-path": "^3.0.0", + "schema-utils": "^4.2.0", + "serialize-javascript": "^6.0.2" + }, + "engines": { + "node": ">= 18.12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.1.0" + } + }, + "node_modules/core-js-compat": { + "version": "3.39.0", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.39.0.tgz", + "integrity": "sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==", + "dev": true, + "license": "MIT", + "dependencies": { + "browserslist": "^4.24.2" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/core-js" + } + }, + "node_modules/core-util-is": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/cors": { + "version": "2.8.5", + "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz", + "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==", + "dev": true, + "license": "MIT", + "dependencies": { + "object-assign": "^4", + "vary": "^1" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/cosmiconfig": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz", + "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==", + "dev": true, + "license": "MIT", + "dependencies": { + "env-paths": "^2.2.1", + "import-fresh": "^3.3.0", + "js-yaml": "^4.1.0", + "parse-json": "^5.2.0" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/d-fischer" + }, + "peerDependencies": { + "typescript": ">=4.9.5" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/cross-spawn": { + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", + "dev": true, + "license": "MIT", + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/cross-spawn/node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/css-loader": { + "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": { + "icss-utils": "^5.1.0", + "postcss": "^8.4.33", + "postcss-modules-extract-imports": "^3.1.0", + "postcss-modules-local-by-default": "^4.0.5", + "postcss-modules-scope": "^3.2.0", + "postcss-modules-values": "^4.0.0", + "postcss-value-parser": "^4.2.0", + "semver": "^7.5.4" + }, + "engines": { + "node": ">= 18.12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "@rspack/core": "0.x || 1.x", + "webpack": "^5.27.0" + }, + "peerDependenciesMeta": { + "@rspack/core": { + "optional": true + }, + "webpack": { + "optional": true + } + } + }, + "node_modules/css-select": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz", + "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "boolbase": "^1.0.0", + "css-what": "^6.1.0", + "domhandler": "^5.0.2", + "domutils": "^3.0.1", + "nth-check": "^2.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/css-what": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz", + "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">= 6" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true, + "license": "MIT", + "bin": { + "cssesc": "bin/cssesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/custom-event": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz", + "integrity": "sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg==", + "dev": true, + "license": "MIT" + }, + "node_modules/date-format": { + "version": "4.0.14", + "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz", + "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4.0" + } + }, + "node_modules/debug": { + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", + "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/default-browser": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz", + "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==", + "dev": true, + "license": "MIT", + "dependencies": { + "bundle-name": "^4.1.0", + "default-browser-id": "^5.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/default-browser-id": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.0.tgz", + "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/defaults": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz", + "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==", + "dev": true, + "license": "MIT", + "dependencies": { + "clone": "^1.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/define-data-property": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", + "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "gopd": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "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/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/destroy": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/detect-libc": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", + "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/detect-node": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz", + "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==", + "dev": true, + "license": "MIT" + }, + "node_modules/di": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz", + "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==", + "dev": true, + "license": "MIT" + }, + "node_modules/dns-packet": { + "version": "5.6.1", + "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz", + "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@leichtgewicht/ip-codec": "^2.0.1" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/dom-serialize": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz", + "integrity": "sha512-Yra4DbvoW7/Z6LBN560ZwXMjoNOSAN2wRsKFGc4iBeso+mpIA6qj1vfdf9HpMaKAqG6wXTy+1SYEzmNpKXOSsQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "custom-event": "~1.0.0", + "ent": "~2.2.0", + "extend": "^3.0.0", + "void-elements": "^2.0.0" + } + }, + "node_modules/dom-serializer": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", + "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", + "dev": true, + "license": "MIT", + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.2", + "entities": "^4.2.0" + }, + "funding": { + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/domelementtype": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", + "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "license": "BSD-2-Clause" + }, + "node_modules/domhandler": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "domelementtype": "^2.3.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/domutils": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", + "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "dom-serializer": "^2.0.0", + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3" + }, + "funding": { + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true, + "license": "MIT" + }, + "node_modules/ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", + "dev": true, + "license": "MIT" + }, + "node_modules/electron-to-chromium": { + "version": "1.5.67", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.67.tgz", + "integrity": "sha512-nz88NNBsD7kQSAGGJyp8hS6xSPtWwqNogA0mjtc2nUYeEf3nURK9qpV18TuBdDmEDgVWotS8Wkzf+V52dSQ/LQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/emoji-regex": { + "version": "10.4.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz", + "integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==", + "dev": true, + "license": "MIT" + }, + "node_modules/emojis-list": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", + "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, + "node_modules/encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/encoding": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "iconv-lite": "^0.6.2" + } + }, + "node_modules/encoding/node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/engine.io": { + "version": "6.6.2", + "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.2.tgz", + "integrity": "sha512-gmNvsYi9C8iErnZdVcJnvCpSKbWTt1E8+JZo8b+daLninywUWi5NQ5STSHZ9rFjFO7imNcvb8Pc5pe/wMR5xEw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/cookie": "^0.4.1", + "@types/cors": "^2.8.12", + "@types/node": ">=10.0.0", + "accepts": "~1.3.4", + "base64id": "2.0.0", + "cookie": "~0.7.2", + "cors": "~2.8.5", + "debug": "~4.3.1", + "engine.io-parser": "~5.2.1", + "ws": "~8.17.1" + }, + "engines": { + "node": ">=10.2.0" + } + }, + "node_modules/engine.io-parser": { + "version": "5.2.3", + "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz", + "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/enhanced-resolve": { + "version": "5.17.1", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz", + "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==", + "dev": true, + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.4", + "tapable": "^2.2.0" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/ent": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.1.tgz", + "integrity": "sha512-QHuXVeZx9d+tIQAz/XztU0ZwZf2Agg9CcXcgE1rurqvdBeDBrpSwjl8/6XUqMg7tw2Y7uAdKb2sRv+bSEFqQ5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "punycode": "^1.4.1" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/entities": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/env-paths": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/environment": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz", + "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/err-code": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz", + "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==", + "dev": true, + "license": "MIT" + }, + "node_modules/errno": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz", + "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "prr": "~1.0.1" + }, + "bin": { + "errno": "cli.js" + } + }, + "node_modules/error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-arrayish": "^0.2.1" + } + }, + "node_modules/es-define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", + "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "get-intrinsic": "^1.2.4" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-module-lexer": { + "version": "1.5.4", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz", + "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==", + "dev": true, + "license": "MIT" + }, + "node_modules/esbuild": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.24.0.tgz", + "integrity": "sha512-FuLPevChGDshgSicjisSooU0cemp/sGXR841D5LHMB7mTVOmsEHcAxaH3irL53+8YDIeVNQEySh4DaYU/iuPqQ==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.24.0", + "@esbuild/android-arm": "0.24.0", + "@esbuild/android-arm64": "0.24.0", + "@esbuild/android-x64": "0.24.0", + "@esbuild/darwin-arm64": "0.24.0", + "@esbuild/darwin-x64": "0.24.0", + "@esbuild/freebsd-arm64": "0.24.0", + "@esbuild/freebsd-x64": "0.24.0", + "@esbuild/linux-arm": "0.24.0", + "@esbuild/linux-arm64": "0.24.0", + "@esbuild/linux-ia32": "0.24.0", + "@esbuild/linux-loong64": "0.24.0", + "@esbuild/linux-mips64el": "0.24.0", + "@esbuild/linux-ppc64": "0.24.0", + "@esbuild/linux-riscv64": "0.24.0", + "@esbuild/linux-s390x": "0.24.0", + "@esbuild/linux-x64": "0.24.0", + "@esbuild/netbsd-x64": "0.24.0", + "@esbuild/openbsd-arm64": "0.24.0", + "@esbuild/openbsd-x64": "0.24.0", + "@esbuild/sunos-x64": "0.24.0", + "@esbuild/win32-arm64": "0.24.0", + "@esbuild/win32-ia32": "0.24.0", + "@esbuild/win32-x64": "0.24.0" + } + }, + "node_modules/esbuild-wasm": { + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.24.0.tgz", + "integrity": "sha512-xhNn5tL1AhkPg4ft59yXT6FkwKXiPSYyz1IeinJHUJpjvOHOIPvdmFQc0pGdjxlKSbzZc2mNmtVOWAR1EF/JAg==", + "dev": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/escalade": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "dev": true, + "license": "MIT" + }, + "node_modules/eslint-scope": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", + "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^4.1.1" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esrecurse/node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", + "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/eventemitter3": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", + "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==", + "dev": true, + "license": "MIT" + }, + "node_modules/events": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", + "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.8.x" + } + }, + "node_modules/exponential-backoff": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.1.tgz", + "integrity": "sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==", + "dev": true, + "license": "Apache-2.0" + }, + "node_modules/express": { + "version": "4.21.1", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz", + "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "accepts": "~1.3.8", + "array-flatten": "1.1.1", + "body-parser": "1.20.3", + "content-disposition": "0.5.4", + "content-type": "~1.0.4", + "cookie": "0.7.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "2.0.0", + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.3.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "merge-descriptors": "1.0.3", + "methods": "~1.1.2", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.10", + "proxy-addr": "~2.0.7", + "qs": "6.13.0", + "range-parser": "~1.2.1", + "safe-buffer": "5.2.1", + "send": "0.19.0", + "serve-static": "1.16.2", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.10.0" + } + }, + "node_modules/express/node_modules/cookie": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz", + "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/express/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/express/node_modules/encodeurl": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", + "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/express/node_modules/finalhandler": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz", + "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "statuses": "2.0.1", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/express/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true, + "license": "MIT" + }, + "node_modules/express/node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", + "dev": true, + "license": "MIT" + }, + "node_modules/external-editor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz", + "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==", + "dev": true, + "license": "MIT", + "dependencies": { + "chardet": "^0.7.0", + "iconv-lite": "^0.4.24", + "tmp": "^0.0.33" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-glob": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz", + "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/fast-glob/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-uri": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.3.tgz", + "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw==", + "dev": true, + "license": "BSD-3-Clause" + }, + "node_modules/fastq": { + "version": "1.17.1", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz", + "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==", + "dev": true, + "license": "ISC", + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/faye-websocket": { + "version": "0.11.4", + "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz", + "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "websocket-driver": ">=0.5.1" + }, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "license": "MIT", + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/finalhandler": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", + "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "dev": true, + "license": "MIT", + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.3", + "statuses": "~1.5.0", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/finalhandler/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/finalhandler/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true, + "license": "MIT" + }, + "node_modules/finalhandler/node_modules/on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==", + "dev": true, + "license": "MIT", + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/find-cache-dir": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz", + "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==", + "dev": true, + "license": "MIT", + "dependencies": { + "common-path-prefix": "^3.0.0", + "pkg-dir": "^7.0.0" + }, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/find-up": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz", + "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==", + "dev": true, + "license": "MIT", + "dependencies": { + "locate-path": "^7.1.0", + "path-exists": "^5.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/flat": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz", + "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==", + "dev": true, + "license": "BSD-3-Clause", + "bin": { + "flat": "cli.js" + } + }, + "node_modules/flatted": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz", + "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==", + "dev": true, + "license": "ISC" + }, + "node_modules/follow-redirects": { + "version": "1.15.9", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz", + "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "license": "MIT", + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "node_modules/foreground-child": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz", + "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==", + "dev": true, + "license": "ISC", + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/forwarded": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", + "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fraction.js": { + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", + "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "*" + }, + "funding": { + "type": "patreon", + "url": "https://github.com/sponsors/rawify" + } + }, + "node_modules/fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fs-extra": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", + "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", + "dev": true, + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + }, + "engines": { + "node": ">=6 <7 || >=8" + } + }, + "node_modules/fs-minipass": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.3.tgz", + "integrity": "sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^7.0.3" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true, + "license": "ISC" + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true, + "license": "ISC", + "engines": { + "node": "6.* || 8.* || >= 10.*" + } + }, + "node_modules/get-east-asian-width": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.3.0.tgz", + "integrity": "sha512-vpeMIQKxczTD/0s2CdEWHcb0eeJe6TFjxb+J5xgX7hScxqrGuyjmv4c1D4A/gelKfyox0gJJwIHF+fLjeaM8kQ==", + "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", + "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "has-proto": "^1.0.1", + "has-symbols": "^1.0.3", + "hasown": "^2.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "deprecated": "Glob versions prior to v9 are no longer supported", + "dev": true, + "license": "ISC", + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/glob-to-regexp": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", + "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "dev": true, + "license": "BSD-2-Clause" + }, + "node_modules/globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, + "node_modules/globby": { + "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": { + "@sindresorhus/merge-streams": "^2.1.0", + "fast-glob": "^3.3.2", + "ignore": "^5.2.4", + "path-type": "^5.0.0", + "slash": "^5.1.0", + "unicorn-magic": "^0.1.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/gopd": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.1.0.tgz", + "integrity": "sha512-FQoVQnqcdk4hVM4JN1eromaun4iuS34oStkdlLENLdpULsuQcTyXj8w7ayhuUfPwEYZ1ZOooOTT6fdA9Vmx/RA==", + "dev": true, + "license": "MIT", + "dependencies": { + "get-intrinsic": "^1.2.4" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/handle-thing": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz", + "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==", + "dev": true, + "license": "MIT" + }, + "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/has-property-descriptors": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", + "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-define-property": "^1.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-proto": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz", + "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-symbols": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/hosted-git-info": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-8.0.2.tgz", + "integrity": "sha512-sYKnA7eGln5ov8T8gnYlkSOxFJvywzEx9BueN6xo/GKO8PGiI6uK6xx+DIGe45T3bdVjLAQDQW1aicT8z8JwQg==", + "dev": true, + "license": "ISC", + "dependencies": { + "lru-cache": "^10.0.1" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/hosted-git-info/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/hpack.js": { + "version": "2.1.6", + "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz", + "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "inherits": "^2.0.1", + "obuf": "^1.0.0", + "readable-stream": "^2.0.1", + "wbuf": "^1.1.0" + } + }, + "node_modules/hpack.js/node_modules/readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "license": "MIT", + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "node_modules/hpack.js/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true, + "license": "MIT" + }, + "node_modules/hpack.js/node_modules/string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "license": "MIT", + "dependencies": { + "safe-buffer": "~5.1.0" + } + }, + "node_modules/html-entities": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.5.2.tgz", + "integrity": "sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/mdevils" + }, + { + "type": "patreon", + "url": "https://patreon.com/mdevils" + } + ], + "license": "MIT" + }, + "node_modules/html-escaper": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz", + "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==", + "dev": true, + "license": "MIT" + }, + "node_modules/htmlparser2": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.1.0.tgz", + "integrity": "sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==", + "dev": true, + "funding": [ + "https://github.com/fb55/htmlparser2?sponsor=1", + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "license": "MIT", + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3", + "domutils": "^3.1.0", + "entities": "^4.5.0" + } + }, + "node_modules/http-cache-semantics": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz", + "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==", + "dev": true, + "license": "BSD-2-Clause" + }, + "node_modules/http-deceiver": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz", + "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==", + "dev": true, + "license": "MIT" + }, + "node_modules/http-errors": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "depd": "2.0.0", + "inherits": "2.0.4", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "toidentifier": "1.0.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/http-errors/node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/http-parser-js": { + "version": "0.5.8", + "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz", + "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/http-proxy": { + "version": "1.18.1", + "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", + "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "eventemitter3": "^4.0.0", + "follow-redirects": "^1.0.0", + "requires-port": "^1.0.0" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/http-proxy-agent": { + "version": "7.0.2", + "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz", + "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==", + "dev": true, + "license": "MIT", + "dependencies": { + "agent-base": "^7.1.0", + "debug": "^4.3.4" + }, + "engines": { + "node": ">= 14" + } + }, + "node_modules/http-proxy-middleware": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-3.0.3.tgz", + "integrity": "sha512-usY0HG5nyDUwtqpiZdETNbmKtw3QQ1jwYFZ9wi5iHzX2BcILwQKtYDJPo7XHTsu5Z0B2Hj3W9NNnbd+AjFWjqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/http-proxy": "^1.17.15", + "debug": "^4.3.6", + "http-proxy": "^1.18.1", + "is-glob": "^4.0.3", + "is-plain-object": "^5.0.0", + "micromatch": "^4.0.8" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/https-proxy-agent": { + "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": { + "agent-base": "^7.0.2", + "debug": "4" + }, + "engines": { + "node": ">= 14" + } + }, + "node_modules/hyperdyperid": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz", + "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10.18" + } + }, + "node_modules/iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "dev": true, + "license": "MIT", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/icss-utils": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz", + "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/ieee754": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", + "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "BSD-3-Clause" + }, + "node_modules/ignore": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", + "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, + "node_modules/ignore-walk": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-7.0.0.tgz", + "integrity": "sha512-T4gbf83A4NH95zvhVYZc+qWocBBGlpzUXLPGurJggw/WIOwicfXJChLDP/iBZnN5WqROSu5Bm3hhle4z8a8YGQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "minimatch": "^9.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/ignore-walk/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/ignore-walk/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/image-size": { + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz", + "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==", + "dev": true, + "license": "MIT", + "optional": true, + "bin": { + "image-size": "bin/image-size.js" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/immutable": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz", + "integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==", + "dev": true, + "license": "MIT" + }, + "node_modules/import-fresh": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "dev": true, + "license": "MIT", + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/indent-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.", + "dev": true, + "license": "ISC", + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/ini": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/ini/-/ini-5.0.0.tgz", + "integrity": "sha512-+N0ngpO3e7cRUWOJAS7qw0IZIVc6XPrW4MlFBdD066F2L4k1L6ker3hLqSq7iXxU5tgS4WGkIUElWn5vogAEnw==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/ip-address": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-9.0.5.tgz", + "integrity": "sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==", + "dev": true, + "license": "MIT", + "dependencies": { + "jsbn": "1.1.0", + "sprintf-js": "^1.1.3" + }, + "engines": { + "node": ">= 12" + } + }, + "node_modules/ipaddr.js": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz", + "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 10" + } + }, + "node_modules/is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", + "dev": true, + "license": "MIT" + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "license": "MIT", + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-core-module": { + "version": "2.15.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz", + "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "hasown": "^2.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "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-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-fullwidth-code-point": { + "version": "4.0.0", + "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": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-inside-container": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz", + "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-docker": "^3.0.0" + }, + "bin": { + "is-inside-container": "cli.js" + }, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-interactive": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz", + "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/is-lambda": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz", + "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/is-network-error": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.1.0.tgz", + "integrity": "sha512-tUdRRAnhT+OtCZR/LxZelH/C7QtjtFrTu5tXCA8pl55eTUElUHT+GPYV8MBMBvea/j+NxQqVt3LbWMRir7Gx9g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/is-plain-obj": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz", + "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-unicode-supported": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", + "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-what": { + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz", + "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", + "dev": true, + "license": "MIT" + }, + "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/isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/isbinaryfile": { + "version": "4.0.10", + "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz", + "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/gjtorikian/" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true, + "license": "ISC" + }, + "node_modules/isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/istanbul-lib-coverage": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz", + "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=8" + } + }, + "node_modules/istanbul-lib-instrument": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz", + "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "@babel/core": "^7.23.9", + "@babel/parser": "^7.23.9", + "@istanbuljs/schema": "^0.1.3", + "istanbul-lib-coverage": "^3.2.0", + "semver": "^7.5.4" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/istanbul-lib-report": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz", + "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "istanbul-lib-coverage": "^3.0.0", + "make-dir": "^4.0.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/istanbul-lib-source-maps": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz", + "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "debug": "^4.1.1", + "istanbul-lib-coverage": "^3.0.0", + "source-map": "^0.6.1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/istanbul-lib-source-maps/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/istanbul-reports": { + "version": "3.1.7", + "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz", + "integrity": "sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "html-escaper": "^2.0.0", + "istanbul-lib-report": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jackspeak": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", + "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", + "dev": true, + "license": "BlueOak-1.0.0", + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, + "node_modules/jasmine-core": { + "version": "5.4.0", + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.4.0.tgz", + "integrity": "sha512-T4fio3W++llLd7LGSGsioriDHgWyhoL6YTu4k37uwJLF7DzOzspz7mNxRoM3cQdLWtL/ebazQpIf/yZGJx/gzg==", + "dev": true, + "license": "MIT" + }, + "node_modules/jest-worker": { + "version": "27.5.1", + "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", + "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*", + "merge-stream": "^2.0.0", + "supports-color": "^8.0.0" + }, + "engines": { + "node": ">= 10.13.0" + } + }, + "node_modules/jest-worker/node_modules/supports-color": { + "version": "8.1.1", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", + "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/supports-color?sponsor=1" + } + }, + "node_modules/jiti": { + "version": "1.21.6", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz", + "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==", + "dev": true, + "license": "MIT", + "bin": { + "jiti": "bin/jiti.js" + } + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/jsbn": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz", + "integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==", + "dev": true, + "license": "MIT" + }, + "node_modules/jsesc": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz", + "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==", + "dev": true, + "license": "MIT", + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/json-parse-even-better-errors": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-4.0.0.tgz", + "integrity": "sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true, + "license": "MIT" + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, + "license": "MIT", + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/jsonc-parser": { + "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" + }, + "node_modules/jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==", + "dev": true, + "license": "MIT", + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/jsonparse": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz", + "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==", + "dev": true, + "engines": [ + "node >= 0.2.0" + ], + "license": "MIT" + }, + "node_modules/karma": { + "version": "6.4.4", + "resolved": "https://registry.npmjs.org/karma/-/karma-6.4.4.tgz", + "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==", + "dev": true, + "license": "MIT", + "dependencies": { + "@colors/colors": "1.5.0", + "body-parser": "^1.19.0", + "braces": "^3.0.2", + "chokidar": "^3.5.1", + "connect": "^3.7.0", + "di": "^0.0.1", + "dom-serialize": "^2.2.1", + "glob": "^7.1.7", + "graceful-fs": "^4.2.6", + "http-proxy": "^1.18.1", + "isbinaryfile": "^4.0.8", + "lodash": "^4.17.21", + "log4js": "^6.4.1", + "mime": "^2.5.2", + "minimatch": "^3.0.4", + "mkdirp": "^0.5.5", + "qjobs": "^1.2.0", + "range-parser": "^1.2.1", + "rimraf": "^3.0.2", + "socket.io": "^4.7.2", + "source-map": "^0.6.1", + "tmp": "^0.2.1", + "ua-parser-js": "^0.7.30", + "yargs": "^16.1.1" + }, + "bin": { + "karma": "bin/karma" + }, + "engines": { + "node": ">= 10" + } + }, + "node_modules/karma-chrome-launcher": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-3.2.0.tgz", + "integrity": "sha512-rE9RkUPI7I9mAxByQWkGJFXfFD6lE4gC5nPuZdobf/QdTEJI6EU4yIay/cfU/xV4ZxlM5JiTv7zWYgA64NpS5Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "which": "^1.2.1" + } + }, + "node_modules/karma-coverage": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.1.tgz", + "integrity": "sha512-yj7hbequkQP2qOSb20GuNSIyE//PgJWHwC2IydLE6XRtsnaflv+/OSGNssPjobYUlhVVagy99TQpqUt3vAUG7A==", + "dev": true, + "license": "MIT", + "dependencies": { + "istanbul-lib-coverage": "^3.2.0", + "istanbul-lib-instrument": "^5.1.0", + "istanbul-lib-report": "^3.0.0", + "istanbul-lib-source-maps": "^4.0.1", + "istanbul-reports": "^3.0.5", + "minimatch": "^3.0.4" + }, + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/karma-coverage/node_modules/istanbul-lib-instrument": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz", + "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "@babel/core": "^7.12.3", + "@babel/parser": "^7.14.7", + "@istanbuljs/schema": "^0.1.2", + "istanbul-lib-coverage": "^3.2.0", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/karma-coverage/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/karma-jasmine": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-5.1.0.tgz", + "integrity": "sha512-i/zQLFrfEpRyQoJF9fsCdTMOF5c2dK7C7OmsuKg2D0YSsuZSfQDiLuaiktbuio6F2wiCsZSnSnieIQ0ant/uzQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "jasmine-core": "^4.1.0" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "karma": "^6.0.0" + } + }, + "node_modules/karma-jasmine-html-reporter": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-2.1.0.tgz", + "integrity": "sha512-sPQE1+nlsn6Hwb5t+HHwyy0A1FNCVKuL1192b+XNauMYWThz2kweiBVW1DqloRpVvZIJkIoHVB7XRpK78n1xbQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "jasmine-core": "^4.0.0 || ^5.0.0", + "karma": "^6.0.0", + "karma-jasmine": "^5.0.0" + } + }, + "node_modules/karma-jasmine/node_modules/jasmine-core": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.1.tgz", + "integrity": "sha512-VYz/BjjmC3klLJlLwA4Kw8ytk0zDSmbbDLNs794VnWmkcCB7I9aAL/D48VNQtmITyPvea2C3jdUMfc3kAoy0PQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/karma-source-map-support": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz", + "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==", + "dev": true, + "license": "MIT", + "dependencies": { + "source-map-support": "^0.5.5" + } + }, + "node_modules/karma/node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, + "license": "MIT", + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/karma/node_modules/cliui": { + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", + "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "wrap-ansi": "^7.0.0" + } + }, + "node_modules/karma/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true, + "license": "MIT" + }, + "node_modules/karma/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/karma/node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/karma/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/karma/node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/karma/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/karma/node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "license": "MIT", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/karma/node_modules/tmp": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz", + "integrity": "sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=14.14" + } + }, + "node_modules/karma/node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/karma/node_modules/yargs": { + "version": "16.2.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", + "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", + "dev": true, + "license": "MIT", + "dependencies": { + "cliui": "^7.0.2", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "require-directory": "^2.1.1", + "string-width": "^4.2.0", + "y18n": "^5.0.5", + "yargs-parser": "^20.2.2" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/karma/node_modules/yargs-parser": { + "version": "20.2.9", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", + "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=10" + } + }, + "node_modules/kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/launch-editor": { + "version": "2.9.1", + "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.9.1.tgz", + "integrity": "sha512-Gcnl4Bd+hRO9P9icCP/RVVT2o8SFlPXofuCxvA2SaZuH45whSvf5p8x5oih5ftLiVhEI4sp5xDY+R+b3zJBh5w==", + "dev": true, + "license": "MIT", + "dependencies": { + "picocolors": "^1.0.0", + "shell-quote": "^1.8.1" + } + }, + "node_modules/less": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz", + "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "copy-anything": "^2.0.1", + "parse-node-version": "^1.0.1", + "tslib": "^2.3.0" + }, + "bin": { + "lessc": "bin/lessc" + }, + "engines": { + "node": ">=6" + }, + "optionalDependencies": { + "errno": "^0.1.1", + "graceful-fs": "^4.1.2", + "image-size": "~0.5.0", + "make-dir": "^2.1.0", + "mime": "^1.4.1", + "needle": "^3.1.0", + "source-map": "~0.6.0" + } + }, + "node_modules/less-loader": { + "version": "12.2.0", + "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-12.2.0.tgz", + "integrity": "sha512-MYUxjSQSBUQmowc0l5nPieOYwMzGPUaTzB6inNW/bdPEG9zOL3eAAD1Qw5ZxSPk7we5dMojHwNODYMV1hq4EVg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 18.12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "@rspack/core": "0.x || 1.x", + "less": "^3.5.0 || ^4.0.0", + "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "@rspack/core": { + "optional": true + }, + "webpack": { + "optional": true + } + } + }, + "node_modules/less/node_modules/make-dir": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", + "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "pify": "^4.0.1", + "semver": "^5.6.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/less/node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "dev": true, + "license": "MIT", + "optional": true, + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/less/node_modules/semver": { + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", + "dev": true, + "license": "ISC", + "optional": true, + "bin": { + "semver": "bin/semver" + } + }, + "node_modules/less/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "license": "BSD-3-Clause", + "optional": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/license-webpack-plugin": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-4.0.2.tgz", + "integrity": "sha512-771TFWFD70G1wLTC4oU2Cw4qvtmNrIw+wRvBtn+okgHl7slJVi7zfNcdmqDL72BojM30VNJ2UHylr1o77U37Jw==", + "dev": true, + "license": "ISC", + "dependencies": { + "webpack-sources": "^3.0.0" + }, + "peerDependenciesMeta": { + "webpack": { + "optional": true + }, + "webpack-sources": { + "optional": true + } + } + }, + "node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true, + "license": "MIT" + }, + "node_modules/listr2": { + "version": "8.2.5", + "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.2.5.tgz", + "integrity": "sha512-iyAZCeyD+c1gPyE9qpFu8af0Y+MRtmKOncdGoA2S5EY8iFq99dmmvkNnHiWo+pj0s7yH7l3KPIgee77tKpXPWQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "cli-truncate": "^4.0.0", + "colorette": "^2.0.20", + "eventemitter3": "^5.0.1", + "log-update": "^6.1.0", + "rfdc": "^1.4.1", + "wrap-ansi": "^9.0.0" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/listr2/node_modules/ansi-regex": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "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/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/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.1.5", + "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.1.5.tgz", + "integrity": "sha512-46Mch5Drq+A93Ss3gtbg+Xuvf5BOgIuvhKDWoGa3HcPHI6BL2NCOkRdSx1D4VfzwrxhnsjbyIVsLRlQHu6URvw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "dependencies": { + "msgpackr": "^1.11.2", + "node-addon-api": "^6.1.0", + "node-gyp-build-optional-packages": "5.2.2", + "ordered-binary": "^1.5.3", + "weak-lru-cache": "^1.2.2" + }, + "bin": { + "download-lmdb-prebuilds": "bin/download-prebuilds.js" + }, + "optionalDependencies": { + "@lmdb/lmdb-darwin-arm64": "3.1.5", + "@lmdb/lmdb-darwin-x64": "3.1.5", + "@lmdb/lmdb-linux-arm": "3.1.5", + "@lmdb/lmdb-linux-arm64": "3.1.5", + "@lmdb/lmdb-linux-x64": "3.1.5", + "@lmdb/lmdb-win32-x64": "3.1.5" + } + }, + "node_modules/loader-runner": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz", + "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.11.5" + } + }, + "node_modules/loader-utils": { + "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": { + "node": ">= 12.13.0" + } + }, + "node_modules/locate-path": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz", + "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==", + "dev": true, + "license": "MIT", + "dependencies": { + "p-locate": "^6.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true, + "license": "MIT" + }, + "node_modules/lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", + "dev": true, + "license": "MIT" + }, + "node_modules/log-symbols": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", + "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==", + "dev": true, + "license": "MIT", + "dependencies": { + "chalk": "^4.1.0", + "is-unicode-supported": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/log-update": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz", + "integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-escapes": "^7.0.0", + "cli-cursor": "^5.0.0", + "slice-ansi": "^7.1.0", + "strip-ansi": "^7.1.0", + "wrap-ansi": "^9.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/log-update/node_modules/ansi-escapes": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.0.0.tgz", + "integrity": "sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==", + "dev": true, + "license": "MIT", + "dependencies": { + "environment": "^1.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/log-update/node_modules/ansi-regex": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "dev": true, + "license": "MIT", + "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/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/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/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/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==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/magic-string": { + "version": "0.30.12", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz", + "integrity": "sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0" + } + }, + "node_modules/make-dir": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz", + "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==", + "dev": true, + "license": "MIT", + "dependencies": { + "semver": "^7.5.3" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/make-fetch-happen": { + "version": "13.0.1", + "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-13.0.1.tgz", + "integrity": "sha512-cKTUFc/rbKUd/9meOvgrpJ2WrNzymt6jfRDdwg5UCnVzv9dTpEj9JS5m3wtziXVCjluIXyL8pcaukYqezIzZQA==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/agent": "^2.0.0", + "cacache": "^18.0.0", + "http-cache-semantics": "^4.1.1", + "is-lambda": "^1.0.1", + "minipass": "^7.0.2", + "minipass-fetch": "^3.0.0", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.4", + "negotiator": "^0.6.3", + "proc-log": "^4.2.0", + "promise-retry": "^2.0.1", + "ssri": "^10.0.0" + }, + "engines": { + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/make-fetch-happen/node_modules/@npmcli/fs": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.1.tgz", + "integrity": "sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==", + "dev": true, + "license": "ISC", + "dependencies": { + "semver": "^7.3.5" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/make-fetch-happen/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/make-fetch-happen/node_modules/cacache": { + "version": "18.0.4", + "resolved": "https://registry.npmjs.org/cacache/-/cacache-18.0.4.tgz", + "integrity": "sha512-B+L5iIa9mgcjLbliir2th36yEwPftrzteHYujzsx3dFP/31GCHcIeS8f5MGd80odLOjaOvSpU3EEAmRQptkxLQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/fs": "^3.1.0", + "fs-minipass": "^3.0.0", + "glob": "^10.2.2", + "lru-cache": "^10.0.1", + "minipass": "^7.0.3", + "minipass-collect": "^2.0.1", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.4", + "p-map": "^4.0.0", + "ssri": "^10.0.0", + "tar": "^6.1.11", + "unique-filename": "^3.0.0" + }, + "engines": { + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/make-fetch-happen/node_modules/glob": { + "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": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/make-fetch-happen/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/make-fetch-happen/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/make-fetch-happen/node_modules/p-map": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", + "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "aggregate-error": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/make-fetch-happen/node_modules/proc-log": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-4.2.0.tgz", + "integrity": "sha512-g8+OnU/L2v+wyiVK+D5fA34J7EH8jZ8DDlvwhRCMxmMj7UCBvxiO1mGeN+36JXIKF4zevU4kRBd8lVgG9vLelA==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/make-fetch-happen/node_modules/ssri": { + "version": "10.0.6", + "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.6.tgz", + "integrity": "sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^7.0.3" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/make-fetch-happen/node_modules/unique-filename": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz", + "integrity": "sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==", + "dev": true, + "license": "ISC", + "dependencies": { + "unique-slug": "^4.0.0" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/make-fetch-happen/node_modules/unique-slug": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-4.0.0.tgz", + "integrity": "sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "imurmurhash": "^0.1.4" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/memfs": { + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.14.0.tgz", + "integrity": "sha512-JUeY0F/fQZgIod31Ja1eJgiSxLn7BfQlCnqhwXFBzFHEw63OdLK7VJUJ7bnzNsWgCyoUP5tEp1VRY8rDaYzqOA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@jsonjoy.com/json-pack": "^1.0.3", + "@jsonjoy.com/util": "^1.3.0", + "tree-dump": "^1.0.1", + "tslib": "^2.0.0" + }, + "engines": { + "node": ">= 4.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + } + }, + "node_modules/merge-descriptors": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz", + "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/merge-stream": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", + "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==", + "dev": true, + "license": "MIT" + }, + "node_modules/merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, + "node_modules/methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "license": "MIT", + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/mime": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", + "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", + "dev": true, + "license": "MIT", + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4.0.0" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dev": true, + "license": "MIT", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/mimic-function": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz", + "integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/mini-css-extract-plugin": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz", + "integrity": "sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==", + "dev": true, + "license": "MIT", + "dependencies": { + "schema-utils": "^4.0.0", + "tapable": "^2.2.1" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.0.0" + } + }, + "node_modules/minimalistic-assert": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz", + "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==", + "dev": true, + "license": "ISC" + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/minimist": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", + "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/minipass": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, + "node_modules/minipass-collect": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-2.0.1.tgz", + "integrity": "sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^7.0.3" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, + "node_modules/minipass-fetch": { + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.5.tgz", + "integrity": "sha512-2N8elDQAtSnFV0Dk7gt15KHsS0Fyz6CbYZ360h0WTYV1Ty46li3rAXVOQj1THMNLdmrD9Vt5pBPtWtVkpwGBqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^7.0.3", + "minipass-sized": "^1.0.3", + "minizlib": "^2.1.2" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + }, + "optionalDependencies": { + "encoding": "^0.1.13" + } + }, + "node_modules/minipass-flush": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz", + "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/minipass-flush/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-flush/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true, + "license": "ISC" + }, + "node_modules/minipass-pipeline": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", + "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-pipeline/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-pipeline/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true, + "license": "ISC" + }, + "node_modules/minipass-sized": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz", + "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-sized/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-sized/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true, + "license": "ISC" + }, + "node_modules/minizlib": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", + "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^3.0.0", + "yallist": "^4.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/minizlib/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minizlib/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true, + "license": "ISC" + }, + "node_modules/mkdirp": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", + "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "minimist": "^1.2.6" + }, + "bin": { + "mkdirp": "bin/cmd.js" + } + }, + "node_modules/mrmime": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz", + "integrity": "sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + } + }, + "node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true, + "license": "MIT" + }, + "node_modules/msgpackr": { + "version": "1.11.2", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.2.tgz", + "integrity": "sha512-F9UngXRlPyWCDEASDpTf6c9uNhGPTqnTeLVt7bN+bU1eajoR/8V9ys2BRaV5C/e5ihE6sJ9uPIKaYt6bFuO32g==", + "dev": true, + "license": "MIT", + "optional": true, + "optionalDependencies": { + "msgpackr-extract": "^3.0.2" + } + }, + "node_modules/msgpackr-extract": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz", + "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "dependencies": { + "node-gyp-build-optional-packages": "5.2.2" + }, + "bin": { + "download-msgpackr-prebuilds": "bin/download-prebuilds.js" + }, + "optionalDependencies": { + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3" + } + }, + "node_modules/multicast-dns": { + "version": "7.2.5", + "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz", + "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==", + "dev": true, + "license": "MIT", + "dependencies": { + "dns-packet": "^5.2.2", + "thunky": "^1.0.2" + }, + "bin": { + "multicast-dns": "cli.js" + } + }, + "node_modules/mute-stream": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-2.0.0.tgz", + "integrity": "sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/nanoid": { + "version": "3.3.8", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz", + "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/needle": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz", + "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "iconv-lite": "^0.6.3", + "sax": "^1.2.4" + }, + "bin": { + "needle": "bin/needle" + }, + "engines": { + "node": ">= 4.4.x" + } + }, + "node_modules/needle/node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/negotiator": { + "version": "0.6.4", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz", + "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/neo-async": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz", + "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", + "dev": true, + "license": "MIT" + }, + "node_modules/ngx-extended-pdf-viewer": { + "version": "22.0.0", + "resolved": "https://registry.npmjs.org/ngx-extended-pdf-viewer/-/ngx-extended-pdf-viewer-22.0.0.tgz", + "integrity": "sha512-birExqR92IRYVDKSO2TRmlJHuUjlM8GKGAUV9eTr1LiTh1s96OS6YG2hWEFjIUjsFpZDk+7qZ6VlVoSUuJuwsA==", + "license": "Apache-2.0", + "dependencies": { + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/common": ">=17.0.0 <20.0.0", + "@angular/core": ">=17.0.0 <20.0.0" + } + }, + "node_modules/ngx-infinite-scroll": { + "version": "19.0.0", + "resolved": "https://registry.npmjs.org/ngx-infinite-scroll/-/ngx-infinite-scroll-19.0.0.tgz", + "integrity": "sha512-Ft4xNNDLXoDGi2hF6ylehjxbG8JIgfoL6qDWWcebGMcbh1CEfEsh0HGkDuFlX/cBBMenRh2HFbXlYq8BAtbvLw==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/common": ">=19.0.0 <20.0.0", + "@angular/core": ">=19.0.0 <20.0.0" + } + }, + "node_modules/node-addon-api": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz", + "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==", + "dev": true, + "license": "MIT", + "optional": true + }, + "node_modules/node-forge": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", + "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==", + "dev": true, + "license": "(BSD-3-Clause OR GPL-2.0)", + "engines": { + "node": ">= 6.13.0" + } + }, + "node_modules/node-gyp": { + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-10.2.0.tgz", + "integrity": "sha512-sp3FonBAaFe4aYTcFdZUn2NYkbP7xroPGYvQmP4Nl5PxamznItBnNCgjrVTKrEfQynInMsJvZrdmqUnysCJ8rw==", + "dev": true, + "license": "MIT", + "dependencies": { + "env-paths": "^2.2.0", + "exponential-backoff": "^3.1.1", + "glob": "^10.3.10", + "graceful-fs": "^4.2.6", + "make-fetch-happen": "^13.0.0", + "nopt": "^7.0.0", + "proc-log": "^4.1.0", + "semver": "^7.3.5", + "tar": "^6.2.1", + "which": "^4.0.0" + }, + "bin": { + "node-gyp": "bin/node-gyp.js" + }, + "engines": { + "node": "^16.14.0 || >=18.0.0" + } + }, + "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/node-gyp/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/node-gyp/node_modules/glob": { + "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": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/node-gyp/node_modules/isexe": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=16" + } + }, + "node_modules/node-gyp/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/node-gyp/node_modules/proc-log": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-4.2.0.tgz", + "integrity": "sha512-g8+OnU/L2v+wyiVK+D5fA34J7EH8jZ8DDlvwhRCMxmMj7UCBvxiO1mGeN+36JXIKF4zevU4kRBd8lVgG9vLelA==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/node-gyp/node_modules/which": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", + "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^3.1.1" + }, + "bin": { + "node-which": "bin/which.js" + }, + "engines": { + "node": "^16.13.0 || >=18.0.0" + } + }, + "node_modules/node-releases": { + "version": "2.0.18", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz", + "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==", + "dev": true, + "license": "MIT" + }, + "node_modules/nopt": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz", + "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==", + "dev": true, + "license": "ISC", + "dependencies": { + "abbrev": "^2.0.0" + }, + "bin": { + "nopt": "bin/nopt.js" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/normalize-package-data": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-7.0.0.tgz", + "integrity": "sha512-k6U0gKRIuNCTkwHGZqblCfLfBRh+w1vI6tBo+IeJwq2M8FUiOqhX7GH+GArQGScA7azd1WfyRCvxoXDO3hQDIA==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "hosted-git-info": "^8.0.0", + "semver": "^7.3.5", + "validate-npm-package-license": "^3.0.4" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/npm-bundled": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-4.0.0.tgz", + "integrity": "sha512-IxaQZDMsqfQ2Lz37VvyyEtKLe8FsRZuysmedy/N06TU1RyVppYKXrO4xIhR0F+7ubIBox6Q7nir6fQI3ej39iA==", + "dev": true, + "license": "ISC", + "dependencies": { + "npm-normalize-package-bin": "^4.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/npm-install-checks": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-7.1.1.tgz", + "integrity": "sha512-u6DCwbow5ynAX5BdiHQ9qvexme4U3qHW3MWe5NqH+NeBm0LbiH6zvGjNNew1fY+AZZUtVHbOPF3j7mJxbUzpXg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "semver": "^7.1.1" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/npm-normalize-package-bin": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-4.0.0.tgz", + "integrity": "sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/npm-package-arg": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-12.0.0.tgz", + "integrity": "sha512-ZTE0hbwSdTNL+Stx2zxSqdu2KZfNDcrtrLdIk7XGnQFYBWYDho/ORvXtn5XEePcL3tFpGjHCV3X3xrtDh7eZ+A==", + "dev": true, + "license": "ISC", + "dependencies": { + "hosted-git-info": "^8.0.0", + "proc-log": "^5.0.0", + "semver": "^7.3.5", + "validate-npm-package-name": "^6.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/npm-packlist": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-9.0.0.tgz", + "integrity": "sha512-8qSayfmHJQTx3nJWYbbUmflpyarbLMBc6LCAjYsiGtXxDB68HaZpb8re6zeaLGxZzDuMdhsg70jryJe+RrItVQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "ignore-walk": "^7.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/npm-pick-manifest": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-10.0.0.tgz", + "integrity": "sha512-r4fFa4FqYY8xaM7fHecQ9Z2nE9hgNfJR+EmoKv0+chvzWkBcORX3r0FpTByP+CbOVJDladMXnPQGVN8PBLGuTQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "npm-install-checks": "^7.1.0", + "npm-normalize-package-bin": "^4.0.0", + "npm-package-arg": "^12.0.0", + "semver": "^7.3.5" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/npm-registry-fetch": { + "version": "18.0.2", + "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-18.0.2.tgz", + "integrity": "sha512-LeVMZBBVy+oQb5R6FDV9OlJCcWDU+al10oKpe+nsvcHnG24Z3uM3SvJYKfGJlfGjVU8v9liejCrUR/M5HO5NEQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/redact": "^3.0.0", + "jsonparse": "^1.3.1", + "make-fetch-happen": "^14.0.0", + "minipass": "^7.0.2", + "minipass-fetch": "^4.0.0", + "minizlib": "^3.0.1", + "npm-package-arg": "^12.0.0", + "proc-log": "^5.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/npm-registry-fetch/node_modules/@npmcli/agent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-3.0.0.tgz", + "integrity": "sha512-S79NdEgDQd/NGCay6TCoVzXSj74skRZIKJcpJjC5lOq34SZzyI6MqtiiWoiVWoVrTcGjNeC4ipbh1VIHlpfF5Q==", + "dev": true, + "license": "ISC", + "dependencies": { + "agent-base": "^7.1.0", + "http-proxy-agent": "^7.0.0", + "https-proxy-agent": "^7.0.1", + "lru-cache": "^10.0.1", + "socks-proxy-agent": "^8.0.3" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/npm-registry-fetch/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/npm-registry-fetch/node_modules/glob": { + "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": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/npm-registry-fetch/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/npm-registry-fetch/node_modules/make-fetch-happen": { + "version": "14.0.3", + "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-14.0.3.tgz", + "integrity": "sha512-QMjGbFTP0blj97EeidG5hk/QhKQ3T4ICckQGLgz38QF7Vgbk6e6FTARN8KhKxyBbWn8R0HU+bnw8aSoFPD4qtQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/agent": "^3.0.0", + "cacache": "^19.0.1", + "http-cache-semantics": "^4.1.1", + "minipass": "^7.0.2", + "minipass-fetch": "^4.0.0", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.4", + "negotiator": "^1.0.0", + "proc-log": "^5.0.0", + "promise-retry": "^2.0.1", + "ssri": "^12.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/npm-registry-fetch/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/npm-registry-fetch/node_modules/minipass-fetch": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-4.0.0.tgz", + "integrity": "sha512-2v6aXUXwLP1Epd/gc32HAMIWoczx+fZwEPRHm/VwtrJzRGwR1qGZXEYV3Zp8ZjjbwaZhMrM6uHV4KVkk+XCc2w==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^7.0.3", + "minipass-sized": "^1.0.3", + "minizlib": "^3.0.1" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + }, + "optionalDependencies": { + "encoding": "^0.1.13" + } + }, + "node_modules/npm-registry-fetch/node_modules/minizlib": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.1.tgz", + "integrity": "sha512-umcy022ILvb5/3Djuu8LWeqUa8D68JaBzlttKeMWen48SjabqS3iY5w/vzeMzMUNhLDifyhbOwKDSznB1vvrwg==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^7.0.4", + "rimraf": "^5.0.5" + }, + "engines": { + "node": ">= 18" + } + }, + "node_modules/npm-registry-fetch/node_modules/negotiator": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz", + "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/npm-registry-fetch/node_modules/rimraf": { + "version": "5.0.10", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.10.tgz", + "integrity": "sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "glob": "^10.3.7" + }, + "bin": { + "rimraf": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/nth-check": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", + "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "boolbase": "^1.0.0" + }, + "funding": { + "url": "https://github.com/fb55/nth-check?sponsor=1" + } + }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/object-inspect": { + "version": "1.13.3", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz", + "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/obuf": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz", + "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==", + "dev": true, + "license": "MIT" + }, + "node_modules/on-finished": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", + "dev": true, + "license": "MIT", + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/on-headers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz", + "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "license": "ISC", + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/onetime": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-7.0.0.tgz", + "integrity": "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "mimic-function": "^5.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "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/ora": { + "version": "5.4.1", + "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz", + "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "bl": "^4.1.0", + "chalk": "^4.1.0", + "cli-cursor": "^3.1.0", + "cli-spinners": "^2.5.0", + "is-interactive": "^1.0.0", + "is-unicode-supported": "^0.1.0", + "log-symbols": "^4.1.0", + "strip-ansi": "^6.0.0", + "wcwidth": "^1.0.1" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ora/node_modules/cli-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", + "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", + "dev": true, + "license": "MIT", + "dependencies": { + "restore-cursor": "^3.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/ora/node_modules/onetime": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", + "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "mimic-fn": "^2.1.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ora/node_modules/restore-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", + "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", + "dev": true, + "license": "MIT", + "dependencies": { + "onetime": "^5.1.0", + "signal-exit": "^3.0.2" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/ora/node_modules/signal-exit": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/ordered-binary": { + "version": "1.5.3", + "resolved": "https://registry.npmjs.org/ordered-binary/-/ordered-binary-1.5.3.tgz", + "integrity": "sha512-oGFr3T+pYdTGJ+YFEILMpS3es+GiIbs9h/XQrclBXUtd44ey7XwfsMzM31f64I1SQOawDoDr/D823kNCADI8TA==", + "dev": true, + "license": "MIT", + "optional": true + }, + "node_modules/os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/p-limit": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz", + "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "yocto-queue": "^1.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz", + "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==", + "dev": true, + "license": "MIT", + "dependencies": { + "p-limit": "^4.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-map": { + "version": "7.0.2", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.2.tgz", + "integrity": "sha512-z4cYYMMdKHzw4O5UkWJImbZynVIo0lSGTXc7bzB1e/rrDqkgGUNysK/o4bTr+0+xKvvLoTyGqYC4Fgljy9qe1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-retry": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.1.tgz", + "integrity": "sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/retry": "0.12.2", + "is-network-error": "^1.0.0", + "retry": "^0.13.1" + }, + "engines": { + "node": ">=16.17" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-retry/node_modules/retry": { + "version": "0.13.1", + "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz", + "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, + "node_modules/package-json-from-dist": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz", + "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==", + "dev": true, + "license": "BlueOak-1.0.0" + }, + "node_modules/pacote": { + "version": "20.0.0", + "resolved": "https://registry.npmjs.org/pacote/-/pacote-20.0.0.tgz", + "integrity": "sha512-pRjC5UFwZCgx9kUFDVM9YEahv4guZ1nSLqwmWiLUnDbGsjs+U5w7z6Uc8HNR1a6x8qnu5y9xtGE6D1uAuYz+0A==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/git": "^6.0.0", + "@npmcli/installed-package-contents": "^3.0.0", + "@npmcli/package-json": "^6.0.0", + "@npmcli/promise-spawn": "^8.0.0", + "@npmcli/run-script": "^9.0.0", + "cacache": "^19.0.0", + "fs-minipass": "^3.0.0", + "minipass": "^7.0.2", + "npm-package-arg": "^12.0.0", + "npm-packlist": "^9.0.0", + "npm-pick-manifest": "^10.0.0", + "npm-registry-fetch": "^18.0.0", + "proc-log": "^5.0.0", + "promise-retry": "^2.0.1", + "sigstore": "^3.0.0", + "ssri": "^12.0.0", + "tar": "^6.1.11" + }, + "bin": { + "pacote": "bin/index.js" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "license": "MIT", + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/parse-json/node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true, + "license": "MIT" + }, + "node_modules/parse-node-version": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz", + "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/parse5": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz", + "integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "entities": "^4.5.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, + "node_modules/parse5-html-rewriting-stream": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-7.0.0.tgz", + "integrity": "sha512-mazCyGWkmCRWDI15Zp+UiCqMp/0dgEmkZRvhlsqqKYr4SsVm/TvnSpD9fCvqCA2zoWJcfRym846ejWBBHRiYEg==", + "dev": true, + "license": "MIT", + "dependencies": { + "entities": "^4.3.0", + "parse5": "^7.0.0", + "parse5-sax-parser": "^7.0.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, + "node_modules/parse5-sax-parser": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-7.0.0.tgz", + "integrity": "sha512-5A+v2SNsq8T6/mG3ahcz8ZtQ0OUFTatxPbeidoMB7tkJSGDY3tdfl4MHovtLQHkEn5CGxijNWRQHhRQ6IRpXKg==", + "dev": true, + "license": "MIT", + "dependencies": { + "parse5": "^7.0.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, + "node_modules/parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/path-exists": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz", + "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + } + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true, + "license": "MIT" + }, + "node_modules/path-scurry": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz", + "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", + "dev": true, + "license": "BlueOak-1.0.0", + "dependencies": { + "lru-cache": "^10.2.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "engines": { + "node": ">=16 || 14 >=14.18" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/path-scurry/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/path-to-regexp": { + "version": "0.1.10", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz", + "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==", + "dev": true, + "license": "MIT" + }, + "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" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz", + "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/pify": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/piscina": { + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.7.0.tgz", + "integrity": "sha512-b8hvkpp9zS0zsfa939b/jXbe64Z2gZv0Ha7FYPNUiDIB1y2AtxcOZdfP8xN8HFjUaqQiT9gRlfjAsoL8vdJ1Iw==", + "dev": true, + "license": "MIT", + "optionalDependencies": { + "@napi-rs/nice": "^1.0.1" + } + }, + "node_modules/pkg-dir": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz", + "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==", + "dev": true, + "license": "MIT", + "dependencies": { + "find-up": "^6.3.0" + }, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/postcss": { + "version": "8.4.49", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz", + "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.7", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/postcss-loader": { + "version": "8.1.1", + "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz", + "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "cosmiconfig": "^9.0.0", + "jiti": "^1.20.0", + "semver": "^7.5.4" + }, + "engines": { + "node": ">= 18.12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "@rspack/core": "0.x || 1.x", + "postcss": "^7.0.0 || ^8.0.1", + "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "@rspack/core": { + "optional": true + }, + "webpack": { + "optional": true + } + } + }, + "node_modules/postcss-media-query-parser": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz", + "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==", + "dev": true, + "license": "MIT" + }, + "node_modules/postcss-modules-extract-imports": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz", + "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/postcss-modules-local-by-default": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.1.0.tgz", + "integrity": "sha512-rm0bdSv4jC3BDma3s9H19ZddW0aHX6EoqwDYU2IfZhRN+53QrufTRo2IdkAbRqLx4R2IYbZnbjKKxg4VN5oU9Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "icss-utils": "^5.0.0", + "postcss-selector-parser": "^7.0.0", + "postcss-value-parser": "^4.1.0" + }, + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/postcss-modules-scope": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz", + "integrity": "sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==", + "dev": true, + "license": "ISC", + "dependencies": { + "postcss-selector-parser": "^7.0.0" + }, + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/postcss-modules-values": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz", + "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "icss-utils": "^5.0.0" + }, + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/postcss-selector-parser": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz", + "integrity": "sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "cssesc": "^3.0.0", + "util-deprecate": "^1.0.2" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/primeflex": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/primeflex/-/primeflex-3.3.1.tgz", + "integrity": "sha512-zaOq3YvcOYytbAmKv3zYc+0VNS9Wg5d37dfxZnveKBFPr7vEIwfV5ydrpiouTft8MVW6qNjfkaQphHSnvgQbpQ==", + "license": "MIT" + }, + "node_modules/primeicons": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz", + "integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==", + "license": "MIT" + }, + "node_modules/primeng": { + "version": "17.18.12", + "resolved": "https://registry.npmjs.org/primeng/-/primeng-17.18.12.tgz", + "integrity": "sha512-zElkv9c3209e1j2yNXalfv71gGJeo8c7bUuW3nsvtQZcYsXjdsJvBEhTThVghBdpCUoFYD3cNmTzg3t807cL6A==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/common": "^17.0.0 || ^18.0.0", + "@angular/core": "^17.0.0 || ^18.0.0", + "@angular/forms": "^17.0.0 || ^18.0.0", + "rxjs": "^6.0.0 || ^7.8.1", + "zone.js": "~0.14.0" + } + }, + "node_modules/proc-log": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-5.0.0.tgz", + "integrity": "sha512-Azwzvl90HaF0aCz1JrDdXQykFakSSNPaPoiZ9fm5qJIMHioDZEi7OAdRwSm6rSoPtY3Qutnm3L7ogmg3dc+wbQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true, + "license": "MIT" + }, + "node_modules/promise-inflight": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", + "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==", + "dev": true, + "license": "ISC" + }, + "node_modules/promise-retry": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz", + "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==", + "dev": true, + "license": "MIT", + "dependencies": { + "err-code": "^2.0.2", + "retry": "^0.12.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/proxy-addr": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", + "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", + "dev": true, + "license": "MIT", + "dependencies": { + "forwarded": "0.2.0", + "ipaddr.js": "1.9.1" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/proxy-addr/node_modules/ipaddr.js": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", + "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/prr": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", + "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", + "dev": true, + "license": "MIT", + "optional": true + }, + "node_modules/punycode": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", + "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/qjobs": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.2.0.tgz", + "integrity": "sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.9" + } + }, + "node_modules/qs": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz", + "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "side-channel": "^1.0.6" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, + "node_modules/randombytes": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", + "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "safe-buffer": "^5.1.0" + } + }, + "node_modules/range-parser": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/raw-body": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", + "dev": true, + "license": "MIT", + "dependencies": { + "bytes": "3.1.2", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/readable-stream": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", + "dev": true, + "license": "MIT", + "dependencies": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/readdirp": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz", + "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 14.16.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/reflect-metadata": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz", + "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==", + "dev": true, + "license": "Apache-2.0" + }, + "node_modules/regenerate": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", + "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==", + "dev": true, + "license": "MIT" + }, + "node_modules/regenerate-unicode-properties": { + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz", + "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==", + "dev": true, + "license": "MIT", + "dependencies": { + "regenerate": "^1.4.2" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/regenerator-runtime": { + "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": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz", + "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.8.4" + } + }, + "node_modules/regex-parser": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.0.tgz", + "integrity": "sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==", + "dev": true, + "license": "MIT" + }, + "node_modules/regexpu-core": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz", + "integrity": "sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==", + "dev": true, + "license": "MIT", + "dependencies": { + "regenerate": "^1.4.2", + "regenerate-unicode-properties": "^10.2.0", + "regjsgen": "^0.8.0", + "regjsparser": "^0.12.0", + "unicode-match-property-ecmascript": "^2.0.0", + "unicode-match-property-value-ecmascript": "^2.1.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/regjsgen": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz", + "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/regjsparser": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz", + "integrity": "sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "jsesc": "~3.0.2" + }, + "bin": { + "regjsparser": "bin/parser" + } + }, + "node_modules/require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/requires-port": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", + "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/resolve": { + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-core-module": "^2.13.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, + "node_modules/resolve-url-loader": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz", + "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==", + "dev": true, + "license": "MIT", + "dependencies": { + "adjust-sourcemap-loader": "^4.0.0", + "convert-source-map": "^1.7.0", + "loader-utils": "^2.0.0", + "postcss": "^8.2.14", + "source-map": "0.6.1" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/resolve-url-loader/node_modules/loader-utils": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", + "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", + "dev": true, + "license": "MIT", + "dependencies": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^2.1.2" + }, + "engines": { + "node": ">=8.9.0" + } + }, + "node_modules/resolve-url-loader/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/restore-cursor": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz", + "integrity": "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==", + "dev": true, + "license": "MIT", + "dependencies": { + "onetime": "^7.0.0", + "signal-exit": "^4.1.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/retry": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz", + "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, + "node_modules/reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true, + "license": "MIT", + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/rfdc": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz", + "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==", + "dev": true, + "license": "MIT" + }, + "node_modules/rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "deprecated": "Rimraf versions prior to v4 are no longer supported", + "dev": true, + "license": "ISC", + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rollup": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.26.0.tgz", + "integrity": "sha512-ilcl12hnWonG8f+NxU6BlgysVA0gvY2l8N0R84S1HcINbW20bvwuCngJkkInV6LXhwRpucsW5k1ovDwEdBVrNg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.6" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.26.0", + "@rollup/rollup-android-arm64": "4.26.0", + "@rollup/rollup-darwin-arm64": "4.26.0", + "@rollup/rollup-darwin-x64": "4.26.0", + "@rollup/rollup-freebsd-arm64": "4.26.0", + "@rollup/rollup-freebsd-x64": "4.26.0", + "@rollup/rollup-linux-arm-gnueabihf": "4.26.0", + "@rollup/rollup-linux-arm-musleabihf": "4.26.0", + "@rollup/rollup-linux-arm64-gnu": "4.26.0", + "@rollup/rollup-linux-arm64-musl": "4.26.0", + "@rollup/rollup-linux-powerpc64le-gnu": "4.26.0", + "@rollup/rollup-linux-riscv64-gnu": "4.26.0", + "@rollup/rollup-linux-s390x-gnu": "4.26.0", + "@rollup/rollup-linux-x64-gnu": "4.26.0", + "@rollup/rollup-linux-x64-musl": "4.26.0", + "@rollup/rollup-win32-arm64-msvc": "4.26.0", + "@rollup/rollup-win32-ia32-msvc": "4.26.0", + "@rollup/rollup-win32-x64-msvc": "4.26.0", + "fsevents": "~2.3.2" + } + }, + "node_modules/run-applescript": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.0.0.tgz", + "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, + "node_modules/rxjs": { + "version": "7.8.1", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz", + "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==", + "license": "Apache-2.0", + "dependencies": { + "tslib": "^2.1.0" + } + }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true, + "license": "MIT" + }, + "node_modules/sass": { + "version": "1.80.7", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.80.7.tgz", + "integrity": "sha512-MVWvN0u5meytrSjsU7AWsbhoXi1sc58zADXFllfZzbsBT1GHjjar6JwBINYPRrkx/zqnQ6uqbQuHgE95O+C+eQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "chokidar": "^4.0.0", + "immutable": "^5.0.2", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + }, + "optionalDependencies": { + "@parcel/watcher": "^2.4.1" + } + }, + "node_modules/sass-loader": { + "version": "16.0.3", + "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.3.tgz", + "integrity": "sha512-gosNorT1RCkuCMyihv6FBRR7BMV06oKRAs+l4UMp1mlcVg9rWN6KMmUj3igjQwmYys4mDP3etEYJgiHRbgHCHA==", + "dev": true, + "license": "MIT", + "dependencies": { + "neo-async": "^2.6.2" + }, + "engines": { + "node": ">= 18.12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "@rspack/core": "0.x || 1.x", + "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0", + "sass": "^1.3.0", + "sass-embedded": "*", + "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "@rspack/core": { + "optional": true + }, + "node-sass": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "webpack": { + "optional": true + } + } + }, + "node_modules/sax": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz", + "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==", + "dev": true, + "license": "ISC", + "optional": true + }, + "node_modules/schema-utils": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", + "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/json-schema": "^7.0.9", + "ajv": "^8.9.0", + "ajv-formats": "^2.1.1", + "ajv-keywords": "^5.1.0" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/schema-utils/node_modules/ajv-formats": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", + "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ajv": "^8.0.0" + }, + "peerDependencies": { + "ajv": "^8.0.0" + }, + "peerDependenciesMeta": { + "ajv": { + "optional": true + } + } + }, + "node_modules/select-hose": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", + "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==", + "dev": true, + "license": "MIT" + }, + "node_modules/selfsigned": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz", + "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node-forge": "^1.3.0", + "node-forge": "^1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/semver": { + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", + "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/send": { + "version": "0.19.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz", + "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==", + "dev": true, + "license": "MIT", + "dependencies": { + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "mime": "1.6.0", + "ms": "2.1.3", + "on-finished": "2.4.1", + "range-parser": "~1.2.1", + "statuses": "2.0.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/send/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/send/node_modules/debug/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true, + "license": "MIT" + }, + "node_modules/send/node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "dev": true, + "license": "MIT", + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/send/node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/serialize-javascript": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz", + "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "randombytes": "^2.1.0" + } + }, + "node_modules/serve-index": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz", + "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==", + "dev": true, + "license": "MIT", + "dependencies": { + "accepts": "~1.3.4", + "batch": "0.6.1", + "debug": "2.6.9", + "escape-html": "~1.0.3", + "http-errors": "~1.6.2", + "mime-types": "~2.1.17", + "parseurl": "~1.3.2" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/serve-index/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/serve-index/node_modules/depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/serve-index/node_modules/http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==", + "dev": true, + "license": "MIT", + "dependencies": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/serve-index/node_modules/inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==", + "dev": true, + "license": "ISC" + }, + "node_modules/serve-index/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true, + "license": "MIT" + }, + "node_modules/serve-index/node_modules/setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/serve-static": { + "version": "1.16.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz", + "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==", + "dev": true, + "license": "MIT", + "dependencies": { + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "0.19.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/serve-static/node_modules/encodeurl": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", + "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/set-function-length": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", + "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==", + "dev": true, + "license": "MIT", + "dependencies": { + "define-data-property": "^1.1.4", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "gopd": "^1.0.1", + "has-property-descriptors": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/setprototypeof": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", + "dev": true, + "license": "ISC" + }, + "node_modules/shallow-clone": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz", + "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==", + "dev": true, + "license": "MIT", + "dependencies": { + "kind-of": "^6.0.2" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/shell-quote": { + "version": "1.8.2", + "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.2.tgz", + "integrity": "sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz", + "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bind": "^1.0.7", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.4", + "object-inspect": "^1.13.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "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/sigstore": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-3.0.0.tgz", + "integrity": "sha512-PHMifhh3EN4loMcHCz6l3v/luzgT3za+9f8subGgeMNjbJjzH4Ij/YoX3Gvu+kaouJRIlVdTHHCREADYf+ZteA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@sigstore/bundle": "^3.0.0", + "@sigstore/core": "^2.0.0", + "@sigstore/protobuf-specs": "^0.3.2", + "@sigstore/sign": "^3.0.0", + "@sigstore/tuf": "^3.0.0", + "@sigstore/verify": "^2.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "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/smart-buffer": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz", + "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 6.0.0", + "npm": ">= 3.0.0" + } + }, + "node_modules/socket.io": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.1.tgz", + "integrity": "sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==", + "dev": true, + "license": "MIT", + "dependencies": { + "accepts": "~1.3.4", + "base64id": "~2.0.0", + "cors": "~2.8.5", + "debug": "~4.3.2", + "engine.io": "~6.6.0", + "socket.io-adapter": "~2.5.2", + "socket.io-parser": "~4.2.4" + }, + "engines": { + "node": ">=10.2.0" + } + }, + "node_modules/socket.io-adapter": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.5.tgz", + "integrity": "sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==", + "dev": true, + "license": "MIT", + "dependencies": { + "debug": "~4.3.4", + "ws": "~8.17.1" + } + }, + "node_modules/socket.io-parser": { + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz", + "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==", + "dev": true, + "license": "MIT", + "dependencies": { + "@socket.io/component-emitter": "~3.1.0", + "debug": "~4.3.1" + }, + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/sockjs": { + "version": "0.3.24", + "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz", + "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "faye-websocket": "^0.11.3", + "uuid": "^8.3.2", + "websocket-driver": "^0.7.4" + } + }, + "node_modules/socks": { + "version": "2.8.3", + "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.3.tgz", + "integrity": "sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==", + "dev": true, + "license": "MIT", + "dependencies": { + "ip-address": "^9.0.5", + "smart-buffer": "^4.2.0" + }, + "engines": { + "node": ">= 10.0.0", + "npm": ">= 3.0.0" + } + }, + "node_modules/socks-proxy-agent": { + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.4.tgz", + "integrity": "sha512-GNAq/eg8Udq2x0eNiFkr9gRg5bA7PXEWagQdeRX4cPSG+X/8V38v637gim9bjFptMk1QWsCTr0ttrJEiXbNnRw==", + "dev": true, + "license": "MIT", + "dependencies": { + "agent-base": "^7.1.1", + "debug": "^4.3.4", + "socks": "^2.8.3" + }, + "engines": { + "node": ">= 14" + } + }, + "node_modules/source-map": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">= 8" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-loader": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-5.0.0.tgz", + "integrity": "sha512-k2Dur7CbSLcAH73sBcIkV5xjPV4SzqO1NJ7+XaQl8if3VODDUj3FNchNGpqgJSKbvUfJuhVdv8K2Eu8/TNl2eA==", + "dev": true, + "license": "MIT", + "dependencies": { + "iconv-lite": "^0.6.3", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": ">= 18.12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.72.1" + } + }, + "node_modules/source-map-loader/node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dev": true, + "license": "MIT", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-support": { + "version": "0.5.21", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", + "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", + "dev": true, + "license": "MIT", + "dependencies": { + "buffer-from": "^1.0.0", + "source-map": "^0.6.0" + } + }, + "node_modules/source-map-support/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/spdx-correct": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz", + "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "spdx-expression-parse": "^3.0.0", + "spdx-license-ids": "^3.0.0" + } + }, + "node_modules/spdx-exceptions": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz", + "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==", + "dev": true, + "license": "CC-BY-3.0" + }, + "node_modules/spdx-expression-parse": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", + "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, + "node_modules/spdx-license-ids": { + "version": "3.0.20", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.20.tgz", + "integrity": "sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==", + "dev": true, + "license": "CC0-1.0" + }, + "node_modules/spdy": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz", + "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==", + "dev": true, + "license": "MIT", + "dependencies": { + "debug": "^4.1.0", + "handle-thing": "^2.0.0", + "http-deceiver": "^1.2.7", + "select-hose": "^2.0.0", + "spdy-transport": "^3.0.0" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/spdy-transport": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz", + "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==", + "dev": true, + "license": "MIT", + "dependencies": { + "debug": "^4.1.0", + "detect-node": "^2.0.4", + "hpack.js": "^2.1.6", + "obuf": "^1.1.2", + "readable-stream": "^3.0.6", + "wbuf": "^1.7.3" + } + }, + "node_modules/sprintf-js": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz", + "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==", + "dev": true, + "license": "BSD-3-Clause" + }, + "node_modules/ssri": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/ssri/-/ssri-12.0.0.tgz", + "integrity": "sha512-S7iGNosepx9RadX82oimUkvr0Ct7IjJbEbs4mJcTxst8um95J3sDYU1RBEOvdu6oL1Wek2ODI5i4MAw+dZ6cAQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^7.0.3" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/statuses": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/streamroller": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz", + "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==", + "dev": true, + "license": "MIT", + "dependencies": { + "date-format": "^4.0.14", + "debug": "^4.3.4", + "fs-extra": "^8.1.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dev": true, + "license": "MIT", + "dependencies": { + "safe-buffer": "~5.2.0" + } + }, + "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/string-width-cjs": { + "name": "string-width", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "license": "MIT", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true, + "license": "MIT" + }, + "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width/node_modules/ansi-regex": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/string-width/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/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi-cjs": { + "name": "strip-ansi", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "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/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/symbol-observable": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz", + "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10" + } + }, + "node_modules/tapable": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", + "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/tar": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz", + "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==", + "dev": true, + "license": "ISC", + "dependencies": { + "chownr": "^2.0.0", + "fs-minipass": "^2.0.0", + "minipass": "^5.0.0", + "minizlib": "^2.1.1", + "mkdirp": "^1.0.3", + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/tar/node_modules/fs-minipass": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", + "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/tar/node_modules/fs-minipass/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/tar/node_modules/minipass": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz", + "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=8" + } + }, + "node_modules/tar/node_modules/mkdirp": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true, + "license": "MIT", + "bin": { + "mkdirp": "bin/cmd.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/tar/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true, + "license": "ISC" + }, + "node_modules/terser": { + "version": "5.36.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.36.0.tgz", + "integrity": "sha512-IYV9eNMuFAV4THUspIRXkLakHnV6XO7FEdtKjf/mDyrnqUg9LnlOn6/RwRvM9SZjR4GUq8Nk8zj67FzVARr74w==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "@jridgewell/source-map": "^0.3.3", + "acorn": "^8.8.2", + "commander": "^2.20.0", + "source-map-support": "~0.5.20" + }, + "bin": { + "terser": "bin/terser" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/terser-webpack-plugin": { + "version": "5.3.10", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz", + "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/trace-mapping": "^0.3.20", + "jest-worker": "^27.4.5", + "schema-utils": "^3.1.1", + "serialize-javascript": "^6.0.1", + "terser": "^5.26.0" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.1.0" + }, + "peerDependenciesMeta": { + "@swc/core": { + "optional": true + }, + "esbuild": { + "optional": true + }, + "uglify-js": { + "optional": true + } + } + }, + "node_modules/terser-webpack-plugin/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "ajv": "^6.9.1" + } + }, + "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true, + "license": "MIT" + }, + "node_modules/terser-webpack-plugin/node_modules/schema-utils": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", + "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/json-schema": "^7.0.8", + "ajv": "^6.12.5", + "ajv-keywords": "^3.5.2" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/thingies": { + "version": "1.21.0", + "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz", + "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==", + "dev": true, + "license": "Unlicense", + "engines": { + "node": ">=10.18" + }, + "peerDependencies": { + "tslib": "^2" + } + }, + "node_modules/thunky": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", + "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==", + "dev": true, + "license": "MIT" + }, + "node_modules/tmp": { + "version": "0.0.33", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", + "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", + "dev": true, + "license": "MIT", + "dependencies": { + "os-tmpdir": "~1.0.2" + }, + "engines": { + "node": ">=0.6.0" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/toidentifier": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", + "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.6" + } + }, + "node_modules/tree-dump": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz", + "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, + "node_modules/tree-kill": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz", + "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==", + "dev": true, + "license": "MIT", + "bin": { + "tree-kill": "cli.js" + } + }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "license": "0BSD" + }, + "node_modules/tuf-js": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-3.0.1.tgz", + "integrity": "sha512-+68OP1ZzSF84rTckf3FA95vJ1Zlx/uaXyiiKyPd1pA4rZNkpEvDAKmsu1xUSmbF/chCRYgZ6UZkDwC7PmzmAyA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@tufjs/models": "3.0.1", + "debug": "^4.3.6", + "make-fetch-happen": "^14.0.1" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/tuf-js/node_modules/@npmcli/agent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-3.0.0.tgz", + "integrity": "sha512-S79NdEgDQd/NGCay6TCoVzXSj74skRZIKJcpJjC5lOq34SZzyI6MqtiiWoiVWoVrTcGjNeC4ipbh1VIHlpfF5Q==", + "dev": true, + "license": "ISC", + "dependencies": { + "agent-base": "^7.1.0", + "http-proxy-agent": "^7.0.0", + "https-proxy-agent": "^7.0.1", + "lru-cache": "^10.0.1", + "socks-proxy-agent": "^8.0.3" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/tuf-js/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/tuf-js/node_modules/glob": { + "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": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/tuf-js/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/tuf-js/node_modules/make-fetch-happen": { + "version": "14.0.3", + "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-14.0.3.tgz", + "integrity": "sha512-QMjGbFTP0blj97EeidG5hk/QhKQ3T4ICckQGLgz38QF7Vgbk6e6FTARN8KhKxyBbWn8R0HU+bnw8aSoFPD4qtQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "@npmcli/agent": "^3.0.0", + "cacache": "^19.0.1", + "http-cache-semantics": "^4.1.1", + "minipass": "^7.0.2", + "minipass-fetch": "^4.0.0", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.4", + "negotiator": "^1.0.0", + "proc-log": "^5.0.0", + "promise-retry": "^2.0.1", + "ssri": "^12.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/tuf-js/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/tuf-js/node_modules/minipass-fetch": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-4.0.0.tgz", + "integrity": "sha512-2v6aXUXwLP1Epd/gc32HAMIWoczx+fZwEPRHm/VwtrJzRGwR1qGZXEYV3Zp8ZjjbwaZhMrM6uHV4KVkk+XCc2w==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^7.0.3", + "minipass-sized": "^1.0.3", + "minizlib": "^3.0.1" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + }, + "optionalDependencies": { + "encoding": "^0.1.13" + } + }, + "node_modules/tuf-js/node_modules/minizlib": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.1.tgz", + "integrity": "sha512-umcy022ILvb5/3Djuu8LWeqUa8D68JaBzlttKeMWen48SjabqS3iY5w/vzeMzMUNhLDifyhbOwKDSznB1vvrwg==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^7.0.4", + "rimraf": "^5.0.5" + }, + "engines": { + "node": ">= 18" + } + }, + "node_modules/tuf-js/node_modules/negotiator": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz", + "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/tuf-js/node_modules/rimraf": { + "version": "5.0.10", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.10.tgz", + "integrity": "sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "glob": "^10.3.7" + }, + "bin": { + "rimraf": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/type-fest": { + "version": "0.21.3", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz", + "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==", + "dev": true, + "license": "(MIT OR CC0-1.0)", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "dev": true, + "license": "MIT", + "dependencies": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/typed-assert": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.9.tgz", + "integrity": "sha512-KNNZtayBCtmnNmbo5mG47p1XsCyrx6iVqomjcZnec/1Y5GGARaxPs6r49RnSPeUP3YjNYiU9sQHAtY4BBvnZwg==", + "dev": true, + "license": "MIT" + }, + "node_modules/typescript": { + "version": "5.6.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz", + "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/ua-parser-js": { + "version": "0.7.39", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.39.tgz", + "integrity": "sha512-IZ6acm6RhQHNibSt7+c09hhvsKy9WUr4DVbeq9U8o71qxyYtJpQeDxQnMrVqnIFMLcQjHO0I9wgfO2vIahht4w==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/ua-parser-js" + }, + { + "type": "paypal", + "url": "https://paypal.me/faisalman" + }, + { + "type": "github", + "url": "https://github.com/sponsors/faisalman" + } + ], + "license": "MIT", + "bin": { + "ua-parser-js": "script/cli.js" + }, + "engines": { + "node": "*" + } + }, + "node_modules/undici-types": { + "version": "6.20.0", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz", + "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==", + "dev": true, + "license": "MIT" + }, + "node_modules/unicode-canonical-property-names-ecmascript": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz", + "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, + "node_modules/unicode-match-property-ecmascript": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz", + "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "unicode-canonical-property-names-ecmascript": "^2.0.0", + "unicode-property-aliases-ecmascript": "^2.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/unicode-match-property-value-ecmascript": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz", + "integrity": "sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, + "node_modules/unicode-property-aliases-ecmascript": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz", + "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==", + "dev": true, + "license": "MIT", + "engines": { + "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": "4.0.0", + "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-4.0.0.tgz", + "integrity": "sha512-XSnEewXmQ+veP7xX2dS5Q4yZAvO40cBN2MWkJ7D/6sW4Dg6wYBNwM1Vrnz1FhH5AdeLIlUXRI9e28z1YZi71NQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "unique-slug": "^5.0.0" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/unique-slug": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-5.0.0.tgz", + "integrity": "sha512-9OdaqO5kwqR+1kVgHAhsp5vPNU0hnxRa26rBFNfNgM7M6pNtgzeBn3s/xbyCQL3dcjzOatcef6UUHpB/6MaETg==", + "dev": true, + "license": "ISC", + "dependencies": { + "imurmurhash": "^0.1.4" + }, + "engines": { + "node": "^18.17.0 || >=20.5.0" + } + }, + "node_modules/universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4.0.0" + } + }, + "node_modules/unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz", + "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "escalade": "^3.2.0", + "picocolors": "^1.1.0" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "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==", + "dev": true, + "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==", + "dev": true, + "license": "MIT", + "bin": { + "uuid": "dist/bin/uuid" + } + }, + "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==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, + "node_modules/validate-npm-package-name": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-6.0.0.tgz", + "integrity": "sha512-d7KLgL1LD3U3fgnvWEY1cQXoO/q6EQ1BSz48Sa149V/5zVTAbgmZIpyI8TRi6U9/JNyeYLlTKsEMPtLC27RFUg==", + "dev": true, + "license": "ISC", + "engines": { + "node": "^18.17.0 || >=20.5.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.4.11", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz", + "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.21.3", + "postcss": "^8.4.43", + "rollup": "^4.20.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": "*", + "sass-embedded": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + }, + "node_modules/vite/node_modules/@esbuild/aix-ppc64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/android-arm": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/android-arm64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/android-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz", + "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/darwin-arm64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/darwin-x64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/freebsd-arm64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/freebsd-x64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-arm": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz", + "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-arm64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-ia32": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz", + "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-loong64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-mips64el": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz", + "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-ppc64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-riscv64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-s390x": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz", + "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-x64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/netbsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz", + "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/openbsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz", + "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/sunos-x64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/win32-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz", + "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/win32-ia32": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/win32-x64": { + "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" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/esbuild": { + "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", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@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/void-elements": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz", + "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/watchpack": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz", + "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "glob-to-regexp": "^0.4.1", + "graceful-fs": "^4.1.2" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/wbuf": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz", + "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "minimalistic-assert": "^1.0.0" + } + }, + "node_modules/wcwidth": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz", + "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==", + "dev": true, + "license": "MIT", + "dependencies": { + "defaults": "^1.0.3" + } + }, + "node_modules/weak-lru-cache": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz", + "integrity": "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==", + "dev": true, + "license": "MIT", + "optional": true + }, + "node_modules/webpack": { + "version": "5.96.1", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.96.1.tgz", + "integrity": "sha512-l2LlBSvVZGhL4ZrPwyr8+37AunkcYj5qh8o6u2/2rzoPc8gxFJkLj1WxNgooi9pnoc06jh0BjuXnamM4qlujZA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/eslint-scope": "^3.7.7", + "@types/estree": "^1.0.6", + "@webassemblyjs/ast": "^1.12.1", + "@webassemblyjs/wasm-edit": "^1.12.1", + "@webassemblyjs/wasm-parser": "^1.12.1", + "acorn": "^8.14.0", + "browserslist": "^4.24.0", + "chrome-trace-event": "^1.0.2", + "enhanced-resolve": "^5.17.1", + "es-module-lexer": "^1.2.1", + "eslint-scope": "5.1.1", + "events": "^3.2.0", + "glob-to-regexp": "^0.4.1", + "graceful-fs": "^4.2.11", + "json-parse-even-better-errors": "^2.3.1", + "loader-runner": "^4.2.0", + "mime-types": "^2.1.27", + "neo-async": "^2.6.2", + "schema-utils": "^3.2.0", + "tapable": "^2.1.1", + "terser-webpack-plugin": "^5.3.10", + "watchpack": "^2.4.1", + "webpack-sources": "^3.2.3" + }, + "bin": { + "webpack": "bin/webpack.js" + }, + "engines": { + "node": ">=10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependenciesMeta": { + "webpack-cli": { + "optional": true + } + } + }, + "node_modules/webpack-dev-middleware": { + "version": "7.4.2", + "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-7.4.2.tgz", + "integrity": "sha512-xOO8n6eggxnwYpy1NlzUKpvrjfJTvae5/D6WOK0S2LSo7vjmo5gCM1DbLUmFqrMTJP+W/0YZNctm7jasWvLuBA==", + "dev": true, + "license": "MIT", + "dependencies": { + "colorette": "^2.0.10", + "memfs": "^4.6.0", + "mime-types": "^2.1.31", + "on-finished": "^2.4.1", + "range-parser": "^1.2.1", + "schema-utils": "^4.0.0" + }, + "engines": { + "node": ">= 18.12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "webpack": { + "optional": true + } + } + }, + "node_modules/webpack-dev-server": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.1.0.tgz", + "integrity": "sha512-aQpaN81X6tXie1FoOB7xlMfCsN19pSvRAeYUHOdFWOlhpQ/LlbfTqYwwmEDFV0h8GGuqmCmKmT+pxcUV/Nt2gQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/bonjour": "^3.5.13", + "@types/connect-history-api-fallback": "^1.5.4", + "@types/express": "^4.17.21", + "@types/serve-index": "^1.9.4", + "@types/serve-static": "^1.15.5", + "@types/sockjs": "^0.3.36", + "@types/ws": "^8.5.10", + "ansi-html-community": "^0.0.8", + "bonjour-service": "^1.2.1", + "chokidar": "^3.6.0", + "colorette": "^2.0.10", + "compression": "^1.7.4", + "connect-history-api-fallback": "^2.0.0", + "express": "^4.19.2", + "graceful-fs": "^4.2.6", + "html-entities": "^2.4.0", + "http-proxy-middleware": "^2.0.3", + "ipaddr.js": "^2.1.0", + "launch-editor": "^2.6.1", + "open": "^10.0.3", + "p-retry": "^6.2.0", + "schema-utils": "^4.2.0", + "selfsigned": "^2.4.1", + "serve-index": "^1.9.1", + "sockjs": "^0.3.24", + "spdy": "^4.0.2", + "webpack-dev-middleware": "^7.4.2", + "ws": "^8.18.0" + }, + "bin": { + "webpack-dev-server": "bin/webpack-dev-server.js" + }, + "engines": { + "node": ">= 18.12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "webpack": { + "optional": true + }, + "webpack-cli": { + "optional": true + } + } + }, + "node_modules/webpack-dev-server/node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, + "license": "MIT", + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/webpack-dev-server/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/webpack-dev-server/node_modules/http-proxy-middleware": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz", + "integrity": "sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/http-proxy": "^1.17.8", + "http-proxy": "^1.18.1", + "is-glob": "^4.0.1", + "is-plain-obj": "^3.0.0", + "micromatch": "^4.0.2" + }, + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "@types/express": "^4.17.13" + }, + "peerDependenciesMeta": { + "@types/express": { + "optional": true + } + } + }, + "node_modules/webpack-dev-server/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/webpack-dev-server/node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/webpack-dev-server/node_modules/ws": { + "version": "8.18.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz", + "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/webpack-merge": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-6.0.1.tgz", + "integrity": "sha512-hXXvrjtx2PLYx4qruKl+kyRSLc52V+cCvMxRjmKwoA+CBbbF5GfIBtR6kCvl0fYGqTUPKB+1ktVmTHqMOzgCBg==", + "dev": true, + "license": "MIT", + "dependencies": { + "clone-deep": "^4.0.1", + "flat": "^5.0.2", + "wildcard": "^2.0.1" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/webpack-sources": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", + "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/webpack-subresource-integrity": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.1.0.tgz", + "integrity": "sha512-sacXoX+xd8r4WKsy9MvH/q/vBtEHr86cpImXwyg74pFIpERKt6FmB8cXpeuh0ZLgclOlHI4Wcll7+R5L02xk9Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "typed-assert": "^1.0.8" + }, + "engines": { + "node": ">= 12" + }, + "peerDependencies": { + "html-webpack-plugin": ">= 5.0.0-beta.1 < 6", + "webpack": "^5.12.0" + }, + "peerDependenciesMeta": { + "html-webpack-plugin": { + "optional": true + } + } + }, + "node_modules/webpack/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/webpack/node_modules/ajv-keywords": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "ajv": "^6.9.1" + } + }, + "node_modules/webpack/node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true, + "license": "MIT" + }, + "node_modules/webpack/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true, + "license": "MIT" + }, + "node_modules/webpack/node_modules/schema-utils": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", + "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/json-schema": "^7.0.8", + "ajv": "^6.12.5", + "ajv-keywords": "^3.5.2" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/websocket-driver": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz", + "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "http-parser-js": ">=0.5.1", + "safe-buffer": ">=5.1.0", + "websocket-extensions": ">=0.1.1" + }, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/websocket-extensions": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz", + "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/which": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "which": "bin/which" + } + }, + "node_modules/wildcard": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz", + "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/wrap-ansi": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz", + "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true, + "license": "MIT" + }, + "node_modules/wrap-ansi-cjs/node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "license": "MIT", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true, + "license": "MIT" + }, + "node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi/node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "license": "MIT", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true, + "license": "ISC" + }, + "node_modules/ws": { + "version": "8.17.1", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz", + "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/y18n": { + "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=10" + } + }, + "node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true, + "license": "ISC" + }, + "node_modules/yargs": { + "version": "17.7.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", + "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", + "dev": true, + "license": "MIT", + "dependencies": { + "cliui": "^8.0.1", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "require-directory": "^2.1.1", + "string-width": "^4.2.3", + "y18n": "^5.0.5", + "yargs-parser": "^21.1.1" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/yargs-parser": { + "version": "21.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", + "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=12" + } + }, + "node_modules/yargs/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true, + "license": "MIT" + }, + "node_modules/yargs/node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/yargs/node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "license": "MIT", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/yocto-queue": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.1.1.tgz", + "integrity": "sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.20" + }, + "funding": { + "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/zone.js": { + "version": "0.15.0", + "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.0.tgz", + "integrity": "sha512-9oxn0IIjbCZkJ67L+LkhYWRyAy7axphb3VgE2MBDlOqnmHMPWGYMxJxBYFueFq/JGY2GMwS0rU+UCLunEmy5UA==", + "license": "MIT" + } + } +} diff --git a/booklore-ui/package.json b/booklore-ui/package.json new file mode 100644 index 00000000..c6affa0b --- /dev/null +++ b/booklore-ui/package.json @@ -0,0 +1,43 @@ +{ + "name": "booklore", + "version": "0.0.0", + "scripts": { + "ng": "ng", + "start": "ng serve", + "build": "ng build", + "watch": "ng build --watch --configuration development", + "test": "ng test" + }, + "private": true, + "dependencies": { + "@angular/animations": "^19.0.0", + "@angular/common": "^19.0.0", + "@angular/compiler": "^19.0.0", + "@angular/core": "^19.0.0", + "@angular/forms": "^19.0.0", + "@angular/platform-browser": "^19.0.0", + "@angular/platform-browser-dynamic": "^19.0.0", + "@angular/router": "^19.0.0", + "ngx-extended-pdf-viewer": "^22.0.0", + "ngx-infinite-scroll": "^19.0.0", + "primeflex": "^3.3.1", + "primeicons": "^7.0.0", + "primeng": "^17.18.12", + "rxjs": "~7.8.0", + "tslib": "^2.3.0", + "zone.js": "~0.15.0" + }, + "devDependencies": { + "@angular-devkit/build-angular": "^19.0.2", + "@angular/cli": "^19.0.2", + "@angular/compiler-cli": "^19.0.0", + "@types/jasmine": "~5.1.0", + "jasmine-core": "~5.4.0", + "karma": "~6.4.0", + "karma-chrome-launcher": "~3.2.0", + "karma-coverage": "~2.2.0", + "karma-jasmine": "~5.1.0", + "karma-jasmine-html-reporter": "~2.1.0", + "typescript": "~5.6.2" + } +} diff --git a/booklore-ui/public/favicon.ico b/booklore-ui/public/favicon.ico new file mode 100644 index 00000000..57614f9c Binary files /dev/null and b/booklore-ui/public/favicon.ico differ diff --git a/booklore-ui/src/app/app-routing.module.ts b/booklore-ui/src/app/app-routing.module.ts new file mode 100644 index 00000000..97a95a0f --- /dev/null +++ b/booklore-ui/src/app/app-routing.module.ts @@ -0,0 +1,31 @@ +import {NgModule} from '@angular/core'; +import {RouterModule, Routes} from '@angular/router'; +import {AppLayoutComponent} from './layout/app.layout.component'; +import {LibraryBrowserComponent} from './book/component/library-browser/library-browser.component'; +import {PdfViewerComponent} from './book/component/pdf-viewer/pdf-viewer.component'; +import {DashboardComponent} from './book/component/dashboard/dashboard.component'; + +const routes: Routes = [ + { + path: '', component: AppLayoutComponent, + children: [ + { + path: '', component: DashboardComponent, + }, + { + path: 'library/:libraryId/books', component: LibraryBrowserComponent, + } + ] + }, + { + path: 'pdf-viewer/book/:bookId', + component: PdfViewerComponent + } +]; + +@NgModule({ + imports: [RouterModule.forRoot(routes)], + exports: [RouterModule] +}) +export class AppRoutingModule { +} diff --git a/booklore-ui/src/app/app.component.html b/booklore-ui/src/app/app.component.html new file mode 100644 index 00000000..0680b43f --- /dev/null +++ b/booklore-ui/src/app/app.component.html @@ -0,0 +1 @@ + diff --git a/booklore-ui/src/app/app.component.scss b/booklore-ui/src/app/app.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/booklore-ui/src/app/app.component.ts b/booklore-ui/src/app/app.component.ts new file mode 100644 index 00000000..db864e7f --- /dev/null +++ b/booklore-ui/src/app/app.component.ts @@ -0,0 +1,13 @@ +import {Component} from '@angular/core'; +import {LibraryService} from './book/service/library.service'; + +@Component({ + selector: 'app-root', + templateUrl: './app.component.html', + standalone: false, + styleUrl: './app.component.scss' +}) +export class AppComponent { + constructor(private libraryService: LibraryService) { + } +} diff --git a/booklore-ui/src/app/app.module.ts b/booklore-ui/src/app/app.module.ts new file mode 100644 index 00000000..01407bc7 --- /dev/null +++ b/booklore-ui/src/app/app.module.ts @@ -0,0 +1,51 @@ +import {NgModule} from '@angular/core'; +import {BrowserModule} from '@angular/platform-browser'; + +import {AppRoutingModule} from './app-routing.module'; +import {AppComponent} from './app.component'; +import {AppLayoutModule} from './layout/app.layout.module'; +import {FormsModule} from '@angular/forms'; +import {DialogService} from 'primeng/dynamicdialog'; +import {DirectoryPickerComponent} from './book/component/directory-picker/directory-picker.component'; +import {InputTextModule} from 'primeng/inputtext'; +import {TableModule} from 'primeng/table'; +import {Button} from 'primeng/button'; +import {LibraryCreatorComponent} from './book/component/library-creator/library-creator.component'; +import {StepperModule} from 'primeng/stepper'; +import {IconFieldModule} from 'primeng/iconfield'; +import {InputIconModule} from 'primeng/inputicon'; +import {ToggleButtonModule} from 'primeng/togglebutton'; +import {PasswordModule} from 'primeng/password'; +import {ToastModule} from 'primeng/toast'; +import { LibraryBrowserComponent } from './book/component/library-browser/library-browser.component'; +import {InfiniteScrollDirective} from 'ngx-infinite-scroll'; +import { SearchComponent } from './book/component/search/search.component'; + +@NgModule({ + declarations: [ + AppComponent, + DirectoryPickerComponent, + LibraryCreatorComponent, + LibraryBrowserComponent + ], + imports: [ + BrowserModule, + AppRoutingModule, + AppLayoutModule, + FormsModule, + InputTextModule, + TableModule, + Button, + StepperModule, + IconFieldModule, + InputIconModule, + ToggleButtonModule, + PasswordModule, + ToastModule, + InfiniteScrollDirective, + SearchComponent, + ], + providers: [DialogService], + bootstrap: [AppComponent] +}) +export class AppModule { } diff --git a/booklore-ui/src/app/book/component/dashboard/dashboard.component.html b/booklore-ui/src/app/book/component/dashboard/dashboard.component.html new file mode 100644 index 00000000..4c7b1efe --- /dev/null +++ b/booklore-ui/src/app/book/component/dashboard/dashboard.component.html @@ -0,0 +1,11 @@ +
+

+ Looks like you haven't added a library yet. Let's add one! +

+ + +
diff --git a/booklore-ui/src/app/book/component/dashboard/dashboard.component.scss b/booklore-ui/src/app/book/component/dashboard/dashboard.component.scss new file mode 100644 index 00000000..17dc6934 --- /dev/null +++ b/booklore-ui/src/app/book/component/dashboard/dashboard.component.scss @@ -0,0 +1,27 @@ +.dashboard { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-top: 5rem; + text-align: center; + + .no-library-header { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 1rem; + color: var(--text-color) + } + .p-dialog { + max-width: 90%; /* Ensure the dialog doesn't overflow the viewport */ + } +} + +::ng-deep .p-dialog-mask { + background-color: rgba(0, 0, 0, 0.5); /* Darken the background with 50% opacity */ +} + +/* You can also adjust the blur if you want */ +::ng-deep .p-dialog-mask { + backdrop-filter: blur(3px); /* Optional: Apply blur to the background */ +} diff --git a/booklore-ui/src/app/book/component/dashboard/dashboard.component.ts b/booklore-ui/src/app/book/component/dashboard/dashboard.component.ts new file mode 100644 index 00000000..f62909db --- /dev/null +++ b/booklore-ui/src/app/book/component/dashboard/dashboard.component.ts @@ -0,0 +1,51 @@ +import { Component, WritableSignal } from '@angular/core'; +import { LibraryService } from '../../service/library.service'; +import { Library } from '../../model/library.model'; +import { Button } from 'primeng/button'; +import { NgIf } from '@angular/common'; +import { LibraryCreatorComponent } from '../library-creator/library-creator.component'; +import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog'; + +@Component({ + selector: 'app-home-page', + templateUrl: './dashboard.component.html', + imports: [ + Button, + NgIf + ], + styleUrls: ['./dashboard.component.scss'], + providers: [DialogService], // Ensure the DialogService is available +}) +export class DashboardComponent { + private libraries: WritableSignal; + ref: DynamicDialogRef | undefined; + + constructor(private libraryService: LibraryService, public dialogService: DialogService) { + this.libraries = this.libraryService.libraries; + } + + get isLibrariesEmpty(): boolean { + return this.libraries()?.length === 1; + } + + createNewLibrary(event: MouseEvent) { + const buttonRect = (event.target as HTMLElement).getBoundingClientRect(); + + const dialogWidthPercentage = 50; // Use percentage-based width + const viewportWidth = window.innerWidth; + const dialogWidth = (dialogWidthPercentage / 100) * viewportWidth; + + const leftPosition = buttonRect.left + (buttonRect.width / 2) - (dialogWidth / 2); + + this.ref = this.dialogService.open(LibraryCreatorComponent, { + modal: true, + width: `${dialogWidthPercentage}%`, // Dynamic width + height: 'auto', // Let height adapt to content + style: { + position: 'absolute', + top: `${buttonRect.bottom + 10}px`, // Position below the button + left: `${Math.max(leftPosition, 0)}px`, // Ensure it stays within the viewport + }, + }); + } +} diff --git a/booklore-ui/src/app/book/component/directory-picker/directory-picker.component.html b/booklore-ui/src/app/book/component/directory-picker/directory-picker.component.html new file mode 100644 index 00000000..075439e1 --- /dev/null +++ b/booklore-ui/src/app/book/component/directory-picker/directory-picker.component.html @@ -0,0 +1,33 @@ +
+ + +
+ +
+ + + + Type + Name + + + + + + + + + + {{ product }} + + + +
+ diff --git a/booklore-ui/src/app/book/component/directory-picker/directory-picker.component.scss b/booklore-ui/src/app/book/component/directory-picker/directory-picker.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/booklore-ui/src/app/book/component/directory-picker/directory-picker.component.ts b/booklore-ui/src/app/book/component/directory-picker/directory-picker.component.ts new file mode 100644 index 00000000..e1c57af7 --- /dev/null +++ b/booklore-ui/src/app/book/component/directory-picker/directory-picker.component.ts @@ -0,0 +1,53 @@ +import {Component, OnInit} from '@angular/core'; +import {DynamicDialogRef} from 'primeng/dynamicdialog'; +import {UtilityService} from '../../service/utility.service'; + +@Component({ + selector: 'app-directory-picker-v2', + standalone: false, + templateUrl: './directory-picker.component.html', + styleUrls: ['./directory-picker.component.scss'] +}) +export class DirectoryPickerComponent implements OnInit { + value: any; + paths: string[] = ['...']; + selectedProductName: string = ''; + + constructor(private utilityService: UtilityService, private dynamicDialogRef: DynamicDialogRef) { + } + + ngOnInit() { + const initialPath = '/'; + this.getFolders(initialPath); + } + + getFolders(path: string): void { + this.utilityService.getFolders(path).subscribe( + (folders: string[]) => { + this.paths = ['...', ...folders]; + }, + (error) => { + console.error('Error fetching folders:', error); + } + ); + } + + onRowClick(path: string): void { + if (path === '...') { + if (this.selectedProductName === '' || this.selectedProductName === '/') { + this.getFolders('/'); + } else { + const result = this.selectedProductName.substring(0, this.selectedProductName.lastIndexOf('/')) || '/'; + this.selectedProductName = result; + this.getFolders(result); + } + } else { + this.selectedProductName = path; + this.getFolders(path); + } + } + + onSelect(): void { + this.dynamicDialogRef.close(this.selectedProductName); + } +} diff --git a/booklore-ui/src/app/book/component/library-browser/library-browser.component.html b/booklore-ui/src/app/book/component/library-browser/library-browser.component.html new file mode 100644 index 00000000..b548cda7 --- /dev/null +++ b/booklore-ui/src/app/book/component/library-browser/library-browser.component.html @@ -0,0 +1,11 @@ +
+
+ Cover of {{ book.title }} +
+

{{ book.title }}

+

{{ getAuthorNames(book) }}

+ +
+
+
+ diff --git a/booklore-ui/src/app/book/component/library-browser/library-browser.component.scss b/booklore-ui/src/app/book/component/library-browser/library-browser.component.scss new file mode 100644 index 00000000..5dc3fdf3 --- /dev/null +++ b/booklore-ui/src/app/book/component/library-browser/library-browser.component.scss @@ -0,0 +1,105 @@ +.book-list { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); + gap: 20px; +} + +.book-item { + color: #fff; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); + overflow: hidden; + transition: transform 0.3s ease-in-out; + display: flex; + flex-direction: column; + justify-content: space-between; + height: auto; + background-color: var(--surface-card); + border-radius: 8px; + position: relative; /* Positioning container for the button and overlay */ +} + +.book-cover { + width: 100%; + height: 225px; /* Adjust this as per the image height */ + object-fit: cover; + background-color: #444; + transition: background-color 0.3s ease, filter 0.3s ease; /* Add transition for blur effect */ + position: relative; /* Make this the reference point for the overlay */ +} + +/* Blur and overlay effect */ +.book-item:hover .book-cover { + filter: blur(2px); /* Apply blur effect to the image */ +} + +.book-item:hover .book-cover::after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */ + z-index: 0; /* Put overlay behind the button */ +} + +.book-info { + padding: 10px; + text-align: center; + display: flex; + flex-direction: column; + justify-content: flex-start; + flex-grow: 1; + z-index: 1; /* Ensure the text stays above the overlay */ +} + +h4 { + font-size: 1rem; + color: var(--text-color); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + text-align: center; + margin-bottom: 5px; + +} + +p { + color: var(--text-color-secondary); + font-size: 0.8rem; + line-height: 1.4; + margin-top: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + margin-bottom: auto; +} + +.authors { + font-weight: bold; +} + +.no-authors { + color: #888; + font-style: italic; +} + +/* PrimeNG button styling */ +.view-btn { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); /* Center button on the image */ + display: none; /* Hide by default */ + z-index: 1; /* Ensure it appears over the image */ +} + +.book-item:hover .view-btn { + display: block; /* Show the button when the card is hovered */ +} + +.infinite-scroll { + margin-top: 20px; +} diff --git a/booklore-ui/src/app/book/component/library-browser/library-browser.component.ts b/booklore-ui/src/app/book/component/library-browser/library-browser.component.ts new file mode 100644 index 00000000..1557e6f0 --- /dev/null +++ b/booklore-ui/src/app/book/component/library-browser/library-browser.component.ts @@ -0,0 +1,63 @@ +import { Component, OnInit } from '@angular/core'; +import { BookService } from '../../service/book.service'; +import { Book } from '../../model/book.model'; +import { ActivatedRoute } from '@angular/router'; + +@Component({ + selector: 'app-library-browser-v2', + standalone: false, + templateUrl: './library-browser.component.html', + styleUrls: ['./library-browser.component.scss'], +}) +export class LibraryBrowserComponent implements OnInit { + books: Book[] = []; + private libraryId: number = 1; + private currentPage: number = 0; + + constructor(private bookService: BookService, private route: ActivatedRoute) {} + + ngOnInit(): void { + this.route.paramMap.subscribe((params) => { + const libraryId = params.get('libraryId'); + if (libraryId) { + this.libraryId = +libraryId; + this.resetState(); + this.loadBooks(); + } + }); + } + + resetState(): void { + this.books = []; + this.currentPage = 0; + } + + loadBooks(): void { + this.bookService.loadBooks(this.libraryId, this.currentPage).subscribe({ + next: (response) => { + this.books = [...this.books, ...response.content]; + this.currentPage++; + }, + error: (err) => { + console.error('Error loading books:', err); + }, + }); + } + + coverImageSrc(bookId: number): string { + return this.bookService.getBookCoverUrl(bookId); + } + + loadMore(): void { + this.loadBooks(); + } + + getAuthorNames(book: Book): string { + return book.authors?.map((author) => author.name).join(', ') || 'No authors available'; + } + + openBook(bookId: number): void { + const url = `/pdf-viewer/book/${bookId}`; + window.open(url, '_blank'); + } +} diff --git a/booklore-ui/src/app/book/component/library-creator/library-creator.component.html b/booklore-ui/src/app/book/component/library-creator/library-creator.component.html new file mode 100644 index 00000000..9522179b --- /dev/null +++ b/booklore-ui/src/app/book/component/library-creator/library-creator.component.html @@ -0,0 +1,60 @@ + + + +
+
+ +
+
+
+ +
+ + + + +
+
+
+ + + + + + {{ folder }} + + + + + + +
+
+
+
+ + +
+ + + diff --git a/booklore-ui/src/app/book/component/library-creator/library-creator.component.scss b/booklore-ui/src/app/book/component/library-creator/library-creator.component.scss new file mode 100644 index 00000000..3eee9f79 --- /dev/null +++ b/booklore-ui/src/app/book/component/library-creator/library-creator.component.scss @@ -0,0 +1,44 @@ +.container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + height: 100%; /* Fills the parent container */ +} + +.textbox { + padding: 10px; + margin-bottom: 20px; /* Space between textbox and button */ +} + +.button { + position: absolute; + bottom: 10px; + left: 10px; +} + +.tr-custom { + padding: 0.25rem 0.5rem !important; + border: 0px !important; +} + +.p-table-custom { + margin: 1.5rem !important; + min-width: 35rem !important; + max-height: 11.25rem !important; + overflow: scroll; +} + +.td-x-custom { + text-align: right; +} + +.mt-3 { + margin-top: 1rem; /* Adds spacing between the button and the table */ +} + +.w-100 { + width: 100%; /* Ensures full-width alignment for consistent layout */ +} + diff --git a/booklore-ui/src/app/book/component/library-creator/library-creator.component.ts b/booklore-ui/src/app/book/component/library-creator/library-creator.component.ts new file mode 100644 index 00000000..3c2d6ee6 --- /dev/null +++ b/booklore-ui/src/app/book/component/library-creator/library-creator.component.ts @@ -0,0 +1,92 @@ +import {Component} from '@angular/core'; +import {DialogService, DynamicDialogRef} from 'primeng/dynamicdialog'; +import {DirectoryPickerComponent} from '../directory-picker/directory-picker.component'; +import {MessageService} from 'primeng/api'; +import {LibraryService} from '../../service/library.service'; + +@Component({ + selector: 'app-library-creator', + standalone: false, + templateUrl: './library-creator.component.html', + styleUrl: './library-creator.component.scss', + providers: [MessageService] +}) +export class LibraryCreatorComponent { + value: string = ''; + folders: string[] = []; + ref: DynamicDialogRef | undefined; + + constructor( + public dialogService: DialogService, + private dynamicDialogRef: DynamicDialogRef, + private messageService: MessageService, + private libraryServiceV2: LibraryService + ) {} + + show() { + this.ref = this.dialogService.open(DirectoryPickerComponent, { + header: 'Select Media Directory', + modal: false, + width: '50%', + height: '75%', + contentStyle: { overflow: 'auto' }, + baseZIndex: 10 + }); + + this.ref.onClose.subscribe((selectedFolder: string) => { + if (selectedFolder) { + this.addFolder(selectedFolder); + } + }); + } + + addFolder(folder: string): void { + this.folders.push(folder); + } + + removeFolder(index: number): void { + this.folders.splice(index, 1); + } + + addLibrary() { + const newLibrary = { + name: this.value, + paths: this.folders, + }; + this.libraryServiceV2.createLibrary(newLibrary).subscribe({ + next: (createdLibrary) => { + console.log('Library successfully created:', createdLibrary); + }, + error: (err) => { + console.error('Failed to create library:', err); + } + }); + this.dynamicDialogRef.close(); + } + + validateLibraryNameAndProceed(nextCallback: any) { + if (this.value.trim()) { + this.libraryServiceV2.checkLibraryNameExists(this.value).subscribe( + (response) => { + const libraryExists = response && response.name === this.value; + if (libraryExists) { + this.messageService.add({ + severity: 'error', + summary: 'Library Name Exists', + detail: 'This library name is already taken.', + }); + } else { + nextCallback.emit(); + } + }, + (error) => { + this.messageService.add({ + severity: 'error', + summary: 'Error', + detail: 'An error occurred while checking the library name.', + }); + } + ); + } + } +} diff --git a/booklore-ui/src/app/book/component/pdf-viewer/pdf-viewer.component.html b/booklore-ui/src/app/book/component/pdf-viewer/pdf-viewer.component.html new file mode 100644 index 00000000..7f680b2b --- /dev/null +++ b/booklore-ui/src/app/book/component/pdf-viewer/pdf-viewer.component.html @@ -0,0 +1,15 @@ + + diff --git a/booklore-ui/src/app/book/component/pdf-viewer/pdf-viewer.component.ts b/booklore-ui/src/app/book/component/pdf-viewer/pdf-viewer.component.ts new file mode 100644 index 00000000..f32499af --- /dev/null +++ b/booklore-ui/src/app/book/component/pdf-viewer/pdf-viewer.component.ts @@ -0,0 +1,92 @@ +import { ChangeDetectorRef, Component, NgZone, OnInit } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; +import { NgxExtendedPdfViewerModule, ScrollModeType } from 'ngx-extended-pdf-viewer'; +import { BookService } from '../../service/book.service'; + +@Component({ + selector: 'app-pdf-viewer', + standalone: true, + imports: [NgxExtendedPdfViewerModule], + templateUrl: './pdf-viewer.component.html', +}) +export class PdfViewerComponent implements OnInit { + bookId!: number; + handTool = true; + page = 1; + rotation: 0 | 90 | 180 | 270 = 0; + scrollMode: ScrollModeType = ScrollModeType.page; + sidebarVisible = false; + spread: 'off' | 'even' | 'odd' = 'odd'; + src = ''; + zoom: number | string = 'page-fit'; + private isInitialLoad = true; + + constructor( + private bookService: BookService, + private zone: NgZone, + private route: ActivatedRoute + ) {} + + ngOnInit(): void { + this.route.paramMap.subscribe((params) => { + this.bookId = +params.get('bookId')!; + this.loadBook(this.bookId); + }); + } + + private loadBook(bookId: number): void { + this.bookService.getBook(bookId).subscribe((book) => { + this.zone.run(() => { + const { pageNumber, zoom, sidebar_visible, spread } = book.viewerSetting; + this.page = pageNumber || 1; + this.zoom = zoom || 'page-fit'; + this.sidebarVisible = sidebar_visible || false; + this.spread = spread || 'odd'; + this.isInitialLoad = false; + }); + }); + } + + private updateViewerSetting(): void { + if (this.isInitialLoad) return; + const updatedViewerSetting = { + pageNumber: this.page, + zoom: this.zoom, + sidebar_visible: this.sidebarVisible, + spread: this.spread, + }; + this.bookService.updateViewerSetting(updatedViewerSetting, this.bookId).subscribe(); + } + + onPageChange(page: number): void { + if (page !== this.page) { + this.page = page; + this.updateViewerSetting(); + } + } + + onZoomChange(zoom: string | number): void { + if (zoom !== this.zoom) { + this.zoom = zoom; + this.updateViewerSetting(); + } + } + + onSidebarVisibleChange(visible: boolean): void { + if (visible !== this.sidebarVisible) { + this.sidebarVisible = visible; + this.updateViewerSetting(); + } + } + + onSpreadChange(spread: 'off' | 'even' | 'odd'): void { + if (spread !== this.spread) { + this.spread = spread; + this.updateViewerSetting(); + } + } + + getSrc(): string { + return this.bookService.getBookDataUrl(this.bookId); + } +} diff --git a/booklore-ui/src/app/book/component/search/search.component.html b/booklore-ui/src/app/book/component/search/search.component.html new file mode 100644 index 00000000..8c39f935 --- /dev/null +++ b/booklore-ui/src/app/book/component/search/search.component.html @@ -0,0 +1,21 @@ +
+ + + + + + +
+
+ Book Cover + {{ book.title }} +
+
+
diff --git a/booklore-ui/src/app/book/component/search/search.component.scss b/booklore-ui/src/app/book/component/search/search.component.scss new file mode 100644 index 00000000..3deade4f --- /dev/null +++ b/booklore-ui/src/app/book/component/search/search.component.scss @@ -0,0 +1,77 @@ +.search-container { + margin-left: 20px; + position: relative; /* Ensure the dropdown is positioned relative to the container */ +} + +.search-dropdown { + position: absolute; + left: 0; /* Align the dropdown to the left of the container */ + background-color: var(--surface-overlay); /* Use theme's background color */ + border: 1px solid var(--surface-border); + border-radius: var(--border-radius); + z-index: 1000; + max-height: 300px; /* Limit the height of the dropdown */ + overflow-y: auto; /* Scroll if the content exceeds max-height */ + width: 600px; /* Ensures the dropdown has the same width as the search bar */ + opacity: 0; + height: 0; + transition: opacity 0.3s ease, height 0.3s ease; +} + +/* Show the dropdown */ +.search-dropdown.show { + opacity: 1; + height: auto; +} + +/* Dropdown item styles */ +.search-dropdown-item { + display: flex; + align-items: center; + padding: 10px; + cursor: pointer; + transition: background-color 0.3s; + + /* Hover effect */ + &:hover { + background-color: var(--surface-hover); + } +} + +/* Book cover styling */ +.search-book-cover { + width: 25px; /* Set a fixed width */ + height: 37px; /* Set a fixed height */ + object-fit: cover; /* Ensure the image fits the area without distortion */ + max-width: 100px; /* Max width to prevent images from becoming too big */ + max-height: 150px; /* Max height to maintain consistency */ + border-radius: 4px; /* Rounded corners */ + margin-right: 10px; /* Space between the image and the title */ +} + +/* Book title styling */ +.search-book-name { + font-size: 14px; + font-weight: 500; + color: var(--text-color); + flex-grow: 1; /* Allow the title to take up the remaining space */ +} + +/* Optionally customize the transition duration or timing */ +.search-dropdown.show { + opacity: 1; + height: auto; + transition: opacity 0.3s ease, height 0.4s ease-in-out; +} + +.clear-btn { + color: var(--text-color-secondary); + position: absolute; + right: 10px; + top: 50%; + transform: translateY(-50%); + background: none; + border: none; + cursor: pointer; + font-size: 12px; +} diff --git a/booklore-ui/src/app/book/component/search/search.component.ts b/booklore-ui/src/app/book/component/search/search.component.ts new file mode 100644 index 00000000..1f1d5358 --- /dev/null +++ b/booklore-ui/src/app/book/component/search/search.component.ts @@ -0,0 +1,79 @@ +import { Component, OnDestroy, OnInit } from '@angular/core'; +import { Subject, Subscription } from 'rxjs'; +import { debounceTime, distinctUntilChanged, switchMap, catchError } from 'rxjs/operators'; +import { Book } from '../../model/book.model'; +import { BookService } from '../../service/book.service'; +import { FormsModule } from '@angular/forms'; +import { InputTextModule } from 'primeng/inputtext'; +import { NgForOf, NgIf } from '@angular/common'; +import { ButtonDirective } from 'primeng/button'; + +@Component({ + selector: 'app-search', + templateUrl: './search.component.html', + imports: [ + FormsModule, + InputTextModule, + NgForOf, + NgIf, + ButtonDirective + ], + styleUrls: ['./search.component.scss'] +}) +export class SearchComponent implements OnInit, OnDestroy { + searchQuery: string = ''; + books: Book[] = []; + #searchSubject = new Subject(); + #subscription!: Subscription; + + constructor(private bookService: BookService) {} + + ngOnInit(): void { + this.initializeSearch(); + } + + initializeSearch(): void { + this.#subscription = this.#searchSubject.pipe( + debounceTime(500), + distinctUntilChanged(), + switchMap((query) => this.bookService.searchBooks(query).pipe( + catchError((error) => { + console.error('Error while searching books:', error); + return []; + }) + )) + ).subscribe({ + next: (result: Book[]) => this.books = result, + error: (error) => console.error('Subscription error:', error) + }); + } + + onSearchInputChange(): void { + this.#searchSubject.next(this.searchQuery.trim()); + } + + onBookClick(book: Book): void { + this.clearSearch(); + this.openBook(book.id); + } + + openBook(bookId: number): void { + const url = `/pdf-viewer/book/${bookId}`; + window.open(url, '_blank'); + } + + getBookCoverUrl(bookId: number): string { + return this.bookService.getBookCoverUrl(bookId); + } + + clearSearch(): void { + this.searchQuery = ''; + this.books = []; + } + + ngOnDestroy(): void { + if (this.#subscription) { + this.#subscription.unsubscribe(); + } + } +} diff --git a/booklore-ui/src/app/book/model/author.model.ts b/booklore-ui/src/app/book/model/author.model.ts new file mode 100644 index 00000000..8ef51188 --- /dev/null +++ b/booklore-ui/src/app/book/model/author.model.ts @@ -0,0 +1,4 @@ +export interface Author { + id: number; + name: string; +} diff --git a/booklore-ui/src/app/book/model/book.model.ts b/booklore-ui/src/app/book/model/book.model.ts new file mode 100644 index 00000000..b1d26a8c --- /dev/null +++ b/booklore-ui/src/app/book/model/book.model.ts @@ -0,0 +1,26 @@ +import {Author} from './author.model'; + +export interface Book { + id: number; + libraryId: number; + title: string; + authors: Author[]; + viewerSetting: BookViewerSetting; +} + +export interface BookViewerSetting { + pageNumber: number; + zoom: number | string; + sidebar_visible: boolean; + spread: 'off' | 'even' | 'odd'; +} + +export interface PaginatedBooksResponse { + content: Book[]; + totalElements: number; + totalPages: number; + size: number; + number: number; + first: boolean; + last: boolean; +} diff --git a/booklore-ui/src/app/book/model/library.model.ts b/booklore-ui/src/app/book/model/library.model.ts new file mode 100644 index 00000000..db732223 --- /dev/null +++ b/booklore-ui/src/app/book/model/library.model.ts @@ -0,0 +1,12 @@ +export interface Library { + id?: number; + name: string; + paths: string[]; +} + +export interface LibraryApiResponse { + content: Library[]; + totalElements: number; + totalPages: number; + numberOfElements: number; +} diff --git a/booklore-ui/src/app/book/service/book.service.ts b/booklore-ui/src/app/book/service/book.service.ts new file mode 100644 index 00000000..9803ad59 --- /dev/null +++ b/booklore-ui/src/app/book/service/book.service.ts @@ -0,0 +1,45 @@ +import { Observable } from 'rxjs'; +import { Book, PaginatedBooksResponse } from '../model/book.model'; +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; + +@Injectable({ + providedIn: 'root', +}) +export class BookService { + private readonly pageSize = 25; + private readonly libraryUrl = 'http://localhost:8080/v1/library'; + private readonly bookUrl = 'http://localhost:8080/v1/book'; + + constructor(private http: HttpClient) {} + + getBook(bookId: number): Observable { + return this.http.get(`${this.bookUrl}/${bookId}`); + } + + loadBooks(libraryId: number, page: number): Observable { + return this.http.get( + `${this.libraryUrl}/${libraryId}/book?page=${page}&size=${this.pageSize}` + ); + } + + searchBooks(query: string): Observable { + if (query.length < 3) { + return new Observable(); + } + return this.http.get(`${this.bookUrl}/search?title=${encodeURIComponent(query)}`); + } + + updateViewerSetting(viewerSetting: any, bookId: number): Observable { + const url = `${this.bookUrl}/${bookId}/viewer-setting`; + return this.http.put(url, viewerSetting); + } + + getBookDataUrl(bookId: number): string { + return `${this.bookUrl}/${bookId}/data`; + } + + getBookCoverUrl(bookId: number): string { + return `${this.bookUrl}/${bookId}/cover`; + } +} diff --git a/booklore-ui/src/app/book/service/library.service.ts b/booklore-ui/src/app/book/service/library.service.ts new file mode 100644 index 00000000..853111f6 --- /dev/null +++ b/booklore-ui/src/app/book/service/library.service.ts @@ -0,0 +1,53 @@ +import { Injectable, signal } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { catchError, map, tap } from 'rxjs/operators'; +import { Observable, of } from 'rxjs'; +import { Library, LibraryApiResponse } from '../model/library.model'; + +@Injectable({ + providedIn: 'root' +}) +export class LibraryService { + private libraryUrl: string = 'http://localhost:8080/v1/library'; + + libraries = signal([]); + + constructor(private http: HttpClient) { + this.getLibrariesFromAPI(); + } + + getLibrariesFromAPI(): void { + this.http.get(this.libraryUrl).pipe( + map(response => response.content), + catchError(error => { + console.error('Error loading libraries:', error); + return of([]); + }) + ).subscribe( + (libraries) => { + this.libraries.set(libraries); + } + ); + } + + createLibrary(newLibrary: Library): Observable { + return this.http.post(this.libraryUrl, newLibrary).pipe( + tap((createdLibrary) => { + this.libraries.set([...this.libraries(), createdLibrary]); + }), + catchError(error => { + console.error('Error creating library:', error); + throw error; + }) + ); + } + + checkLibraryNameExists(name: string): Observable { + return this.http.get(`${this.libraryUrl}/search?name=${name}`).pipe( + catchError(error => { + console.error('Error checking library name:', error); + return of(null); + }) + ); + } +} diff --git a/booklore-ui/src/app/book/service/utility.service.ts b/booklore-ui/src/app/book/service/utility.service.ts new file mode 100644 index 00000000..f95a7361 --- /dev/null +++ b/booklore-ui/src/app/book/service/utility.service.ts @@ -0,0 +1,18 @@ +import { Injectable } from '@angular/core'; +import {Observable} from 'rxjs'; +import {HttpClient, HttpParams} from '@angular/common/http'; + +@Injectable({ + providedIn: 'root' +}) +export class UtilityService { + + private pathUrl = 'http://localhost:8080/v1/path'; + + constructor(private http: HttpClient) { } + + getFolders(path: string): Observable { + const params = new HttpParams().set('path', path); + return this.http.get(this.pathUrl, { params }); + } +} diff --git a/booklore-ui/src/app/layout/api/menuchangeevent.ts b/booklore-ui/src/app/layout/api/menuchangeevent.ts new file mode 100644 index 00000000..2730d09a --- /dev/null +++ b/booklore-ui/src/app/layout/api/menuchangeevent.ts @@ -0,0 +1,4 @@ +export interface MenuChangeEvent { + key: string; + routeEvent?: boolean; +} \ No newline at end of file diff --git a/booklore-ui/src/app/layout/app.footer.component.html b/booklore-ui/src/app/layout/app.footer.component.html new file mode 100644 index 00000000..255f4800 --- /dev/null +++ b/booklore-ui/src/app/layout/app.footer.component.html @@ -0,0 +1,5 @@ +
+ Logo + by + PrimeNG +
diff --git a/booklore-ui/src/app/layout/app.footer.component.ts b/booklore-ui/src/app/layout/app.footer.component.ts new file mode 100644 index 00000000..0c96a453 --- /dev/null +++ b/booklore-ui/src/app/layout/app.footer.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +import { LayoutService } from "./service/app.layout.service"; + +@Component({ + selector: 'app-footer', + templateUrl: './app.footer.component.html' +}) +export class AppFooterComponent { + constructor(public layoutService: LayoutService) { } +} diff --git a/booklore-ui/src/app/layout/app.layout.component.html b/booklore-ui/src/app/layout/app.layout.component.html new file mode 100644 index 00000000..12ad1278 --- /dev/null +++ b/booklore-ui/src/app/layout/app.layout.component.html @@ -0,0 +1,14 @@ +
+ +
+ +
+
+
+ +
+ +
+ +
+
diff --git a/booklore-ui/src/app/layout/app.layout.component.scss b/booklore-ui/src/app/layout/app.layout.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/booklore-ui/src/app/layout/app.layout.component.ts b/booklore-ui/src/app/layout/app.layout.component.ts new file mode 100644 index 00000000..7cbd9fa6 --- /dev/null +++ b/booklore-ui/src/app/layout/app.layout.component.ts @@ -0,0 +1,132 @@ +import { Component, OnDestroy, Renderer2, ViewChild } from '@angular/core'; +import {NavigationEnd, Router, RouterOutlet} from '@angular/router'; +import { filter, Subscription } from 'rxjs'; +import { LayoutService } from "./service/app.layout.service"; +import { AppSidebarComponent } from "./app.sidebar.component"; +import { AppTopBarComponent } from './app.topbar.component'; +import {AppFooterComponent} from "./app.footer.component"; +import {AppConfigComponent} from "./config/app.config.component"; +import {NgClass} from '@angular/common'; + +@Component({ + selector: 'app-layout', + imports: [ + RouterOutlet, + AppFooterComponent, + AppConfigComponent, + AppSidebarComponent, + AppTopBarComponent, + NgClass + ], + templateUrl: './app.layout.component.html' +}) +export class AppLayoutComponent implements OnDestroy { + + overlayMenuOpenSubscription: Subscription; + + menuOutsideClickListener: any; + + profileMenuOutsideClickListener: any; + + @ViewChild(AppSidebarComponent) appSidebar!: AppSidebarComponent; + + @ViewChild(AppTopBarComponent) appTopbar!: AppTopBarComponent; + + constructor(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.profileMenuOutsideClickListener) { + this.profileMenuOutsideClickListener = this.renderer.listen('document', 'click', event => { + const isOutsideClicked = !(this.appTopbar.menu.nativeElement.isSameNode(event.target) || this.appTopbar.menu.nativeElement.contains(event.target) + || this.appTopbar.topbarMenuButton.nativeElement.isSameNode(event.target) || this.appTopbar.topbarMenuButton.nativeElement.contains(event.target)); + + if (isOutsideClicked) { + this.hideProfileMenu(); + } + }); + } + + if (this.layoutService.state.staticMenuMobileActive) { + this.blockBodyScroll(); + } + }); + + this.router.events.pipe(filter(event => event instanceof NavigationEnd)) + .subscribe(() => { + this.hideMenu(); + this.hideProfileMenu(); + }); + } + + hideMenu() { + this.layoutService.state.overlayMenuActive = false; + this.layoutService.state.staticMenuMobileActive = false; + this.layoutService.state.menuHoverActive = false; + if (this.menuOutsideClickListener) { + this.menuOutsideClickListener(); + this.menuOutsideClickListener = null; + } + this.unblockBodyScroll(); + } + + hideProfileMenu() { + this.layoutService.state.profileSidebarVisible = false; + if (this.profileMenuOutsideClickListener) { + this.profileMenuOutsideClickListener(); + this.profileMenuOutsideClickListener = null; + } + } + + 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'), ' '); + } + } + + get containerClass() { + return { + 'layout-theme-light': this.layoutService.config().colorScheme === 'light', + 'layout-theme-dark': this.layoutService.config().colorScheme === 'dark', + 'layout-overlay': this.layoutService.config().menuMode === 'overlay', + 'layout-static': this.layoutService.config().menuMode === 'static', + '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 + } + } + + ngOnDestroy() { + if (this.overlayMenuOpenSubscription) { + this.overlayMenuOpenSubscription.unsubscribe(); + } + + if (this.menuOutsideClickListener) { + this.menuOutsideClickListener(); + } + } +} diff --git a/booklore-ui/src/app/layout/app.layout.module.ts b/booklore-ui/src/app/layout/app.layout.module.ts new file mode 100644 index 00000000..90e1427a --- /dev/null +++ b/booklore-ui/src/app/layout/app.layout.module.ts @@ -0,0 +1,47 @@ +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; +import { HttpClientModule } from '@angular/common/http'; +import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; +import { InputTextModule } from 'primeng/inputtext'; +import { SidebarModule } from 'primeng/sidebar'; +import { BadgeModule } from 'primeng/badge'; +import { RadioButtonModule } from 'primeng/radiobutton'; +import { InputSwitchModule } from 'primeng/inputswitch'; +import { RippleModule } from 'primeng/ripple'; +import { AppMenuComponent } from './app.menu.component'; +import { AppMenuitemComponent } from './app.menuitem.component'; +import { RouterModule } from '@angular/router'; +import { AppTopBarComponent } from './app.topbar.component'; +import { AppFooterComponent } from './app.footer.component'; +import { AppConfigModule } from './config/config.module'; +import { AppSidebarComponent } from "./app.sidebar.component"; +import { AppLayoutComponent } from "./app.layout.component"; + +@NgModule({ + declarations: [ + + ], + imports: [ + BrowserModule, + FormsModule, + HttpClientModule, + BrowserAnimationsModule, + InputTextModule, + SidebarModule, + BadgeModule, + RadioButtonModule, + InputSwitchModule, + RippleModule, + RouterModule, + AppConfigModule, + AppMenuitemComponent, + AppTopBarComponent, + AppFooterComponent, + AppMenuComponent, + AppSidebarComponent, + AppLayoutComponent + ], + exports: [AppLayoutComponent] +}) +export class AppLayoutModule { } diff --git a/booklore-ui/src/app/layout/app.menu.component.html b/booklore-ui/src/app/layout/app.menu.component.html new file mode 100644 index 00000000..36bfa54c --- /dev/null +++ b/booklore-ui/src/app/layout/app.menu.component.html @@ -0,0 +1,13 @@ +
    + +
  • +
  • +     +
+ +
    + +
  • +
  • +     +
diff --git a/booklore-ui/src/app/layout/app.menu.component.ts b/booklore-ui/src/app/layout/app.menu.component.ts new file mode 100644 index 00000000..e119de5f --- /dev/null +++ b/booklore-ui/src/app/layout/app.menu.component.ts @@ -0,0 +1,47 @@ +import {Component, computed, OnInit} from '@angular/core'; +import {AppMenuitemComponent} from './app.menuitem.component'; +import {NgForOf, NgIf} from '@angular/common'; +import {MenuModule} from 'primeng/menu'; +import {LibraryService} from '../book/service/library.service'; +import {Library} from '../book/model/library.model'; + +@Component({ + selector: 'app-menu', + imports: [AppMenuitemComponent, NgIf, NgForOf, MenuModule], + templateUrl: './app.menu.component.html', +}) +export class AppMenuComponent implements OnInit { + home: any[] = []; + libraries: any; + + libraryMenu = computed(() => [ + { + label: 'Library', + separator: false, + items: this.libraries().map((lib: Library) => ({ + label: lib.name, + icon: 'pi pi-fw pi-home', + routerLink: [`/library/${lib.id}/books`] + })), + }, + ]); + + constructor(private libraryService: LibraryService) { + this.libraries = this.libraryService.libraries; + } + + ngOnInit() { + this.populateHome(); + } + + private populateHome() { + this.home = [ + { + label: 'Home', + items: [ + {label: 'Dashboard', icon: 'pi pi-fw pi-home', routerLink: ['/']}, + ], + }, + ]; + } +} diff --git a/booklore-ui/src/app/layout/app.menu.service.ts b/booklore-ui/src/app/layout/app.menu.service.ts new file mode 100644 index 00000000..1d86f445 --- /dev/null +++ b/booklore-ui/src/app/layout/app.menu.service.ts @@ -0,0 +1,23 @@ +import { Injectable } from '@angular/core'; +import { Subject } from 'rxjs'; +import { MenuChangeEvent } from './api/menuchangeevent'; + +@Injectable({ + providedIn: 'root' +}) +export class MenuService { + + private menuSource = new Subject(); + 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/booklore-ui/src/app/layout/app.menuitem.component.ts b/booklore-ui/src/app/layout/app.menuitem.component.ts new file mode 100644 index 00000000..23119142 --- /dev/null +++ b/booklore-ui/src/app/layout/app.menuitem.component.ts @@ -0,0 +1,163 @@ +import { ChangeDetectorRef, Component, Host, HostBinding, Input, OnDestroy, OnInit } from '@angular/core'; +import {NavigationEnd, Router, RouterLink, RouterLinkActive} from '@angular/router'; +import { animate, state, style, transition, trigger } from '@angular/animations'; +import { Subscription } from 'rxjs'; +import { filter } from 'rxjs/operators'; +import { MenuService } from './app.menu.service'; +import { LayoutService } from './service/app.layout.service'; +import {NgClass, NgForOf, NgIf} from '@angular/common'; +import {Ripple} from 'primeng/ripple'; + +@Component({ + // eslint-disable-next-line @angular-eslint/component-selector + selector: '[app-menuitem]', + template: ` + +
{{ item.label }}
+ + + {{ item.label }} + + + + + {{ item.label }} + + + +
    + +
  • +     +
+ + `, + imports: [ + RouterLink, + RouterLinkActive, + NgClass, + NgForOf, + Ripple, + NgIf + ], + animations: [ + trigger('children', [ + state('collapsed', style({ + height: '0' + })), + state('expanded', style({ + height: '*' + })), + transition('collapsed <=> expanded', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')) + ]) + ] +}) +export class AppMenuitemComponent implements OnInit, OnDestroy { + + @Input() item: any; + + @Input() index!: number; + + @Input() @HostBinding('class.layout-root-menuitem') root!: boolean; + + @Input() parentKey!: string; + + active = false; + + menuSourceSubscription: Subscription; + + menuResetSubscription: Subscription; + + key: string = ""; + + constructor(public layoutService: LayoutService, private cd: ChangeDetectorRef, public router: Router, 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.item.routerLink) { + this.updateActiveStateFromRoute(); + } + }); + } + + ngOnInit() { + this.key = this.parentKey ? this.parentKey + '-' + this.index : String(this.index); + + if (this.item.routerLink) { + this.updateActiveStateFromRoute(); + } + } + + 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 }); + } + } + + itemClick(event: Event) { + // avoid processing disabled items + if (this.item.disabled) { + event.preventDefault(); + return; + } + + // execute command + if (this.item.command) { + this.item.command({ originalEvent: event, item: this.item }); + } + + // toggle active state + if (this.item.items) { + this.active = !this.active; + } + + this.menuService.onMenuStateChange({ key: this.key }); + } + + get submenuAnimation() { + return this.root ? 'expanded' : (this.active ? 'expanded' : 'collapsed'); + } + + @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/booklore-ui/src/app/layout/app.sidebar.component.html b/booklore-ui/src/app/layout/app.sidebar.component.html new file mode 100644 index 00000000..7f6f1125 --- /dev/null +++ b/booklore-ui/src/app/layout/app.sidebar.component.html @@ -0,0 +1 @@ + diff --git a/booklore-ui/src/app/layout/app.sidebar.component.scss b/booklore-ui/src/app/layout/app.sidebar.component.scss new file mode 100644 index 00000000..f2b20598 --- /dev/null +++ b/booklore-ui/src/app/layout/app.sidebar.component.scss @@ -0,0 +1,3 @@ +.layout-sidebar-custom { + width: 250px !important; +} diff --git a/booklore-ui/src/app/layout/app.sidebar.component.ts b/booklore-ui/src/app/layout/app.sidebar.component.ts new file mode 100644 index 00000000..b33c884c --- /dev/null +++ b/booklore-ui/src/app/layout/app.sidebar.component.ts @@ -0,0 +1,15 @@ +import { Component, ElementRef } from '@angular/core'; +import { LayoutService } from "./service/app.layout.service"; +import {AppMenuComponent} from './app.menu.component'; + +@Component({ + selector: 'app-sidebar', + imports: [ + AppMenuComponent + ], + templateUrl: './app.sidebar.component.html' +}) +export class AppSidebarComponent { + constructor(public layoutService: LayoutService, public el: ElementRef) { } +} + diff --git a/booklore-ui/src/app/layout/app.topbar.component.html b/booklore-ui/src/app/layout/app.topbar.component.html new file mode 100644 index 00000000..a7f4f97a --- /dev/null +++ b/booklore-ui/src/app/layout/app.topbar.component.html @@ -0,0 +1,36 @@ +
+ + + + + + + + +
+ + + +
+
diff --git a/booklore-ui/src/app/layout/app.topbar.component.scss b/booklore-ui/src/app/layout/app.topbar.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/booklore-ui/src/app/layout/app.topbar.component.ts b/booklore-ui/src/app/layout/app.topbar.component.ts new file mode 100644 index 00000000..0685cd2f --- /dev/null +++ b/booklore-ui/src/app/layout/app.topbar.component.ts @@ -0,0 +1,48 @@ +import {Component, ElementRef, OnDestroy, ViewChild,} from '@angular/core'; +import {MenuItem} from 'primeng/api'; +import {LayoutService} from './service/app.layout.service'; +import {RouterLink} from '@angular/router'; +import {DialogService as PrimeDialogService, DynamicDialogRef} from 'primeng/dynamicdialog'; +import {LibraryCreatorComponent} from '../book/component/library-creator/library-creator.component'; +import {TooltipModule} from 'primeng/tooltip'; +import {FormsModule} from '@angular/forms'; +import {InputTextModule} from 'primeng/inputtext'; +import {SearchComponent} from '../book/component/search/search.component'; + +@Component({ + selector: 'app-topbar', + imports: [ + RouterLink, + TooltipModule, + FormsModule, + InputTextModule, + SearchComponent, + ], + templateUrl: './app.topbar.component.html', +}) +export class AppTopBarComponent implements OnDestroy { + items!: MenuItem[]; + ref: DynamicDialogRef | undefined; + + @ViewChild('menubutton') menuButton!: ElementRef; + @ViewChild('topbarmenubutton') topbarMenuButton!: ElementRef; + @ViewChild('topbarmenu') menu!: ElementRef; + + constructor(public layoutService: LayoutService, public dialogService: PrimeDialogService) { + } + + openLibraryCreatorDialog(): void { + this.ref = this.dialogService.open(LibraryCreatorComponent, { + header: "Create New Library", + modal: false, + width: '50%', + height: '50%', + }); + } + + ngOnDestroy(): void { + if (this.ref) { + this.ref.close(); + } + } +} diff --git a/booklore-ui/src/app/layout/config/app.config.component.html b/booklore-ui/src/app/layout/config/app.config.component.html new file mode 100644 index 00000000..a1549f61 --- /dev/null +++ b/booklore-ui/src/app/layout/config/app.config.component.html @@ -0,0 +1,242 @@ + + + +
Scale
+
+ +
+ +
+ +
+ + +
Menu Type
+
+ + +
+
+ + +
+ + + +
Input Style
+
+
+ + +
+
+ + +
+
+ +
Ripple Effect
+ + + + +
Bootstrap
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
Material Design
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
Material Design Compact
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
Tailwind
+
+
+ +
+
+ +
Fluent UI
+
+
+ +
+
+ +
PrimeOne Design - 2022
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
PrimeOne Design - 2021
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ diff --git a/booklore-ui/src/app/layout/config/app.config.component.ts b/booklore-ui/src/app/layout/config/app.config.component.ts new file mode 100644 index 00000000..1627fa72 --- /dev/null +++ b/booklore-ui/src/app/layout/config/app.config.component.ts @@ -0,0 +1,115 @@ +import { Component, Input } from '@angular/core'; +import { LayoutService } from '../service/app.layout.service'; +import { MenuService } from '../app.menu.service'; +import {RadioButtonModule} from 'primeng/radiobutton'; +import {FormsModule} from '@angular/forms'; +import {InputSwitchModule} from 'primeng/inputswitch'; +import {NgClass, NgForOf, NgIf, NgOptimizedImage} from '@angular/common'; +import {SidebarModule} from 'primeng/sidebar'; +import {ButtonDirective} from 'primeng/button'; + +@Component({ + selector: 'app-config', + templateUrl: './app.config.component.html', + imports: [ + RadioButtonModule, + FormsModule, + InputSwitchModule, + NgIf, + SidebarModule, + NgClass, + ButtonDirective, + NgForOf + ] +}) +export class AppConfigComponent { + @Input() minimal: boolean = false; + + scales: number[] = [12, 13, 14, 15, 16]; + + constructor( + public layoutService: LayoutService, + public menuService: MenuService + ) {} + + 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: string) { + 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; + } + + onConfigButtonClick() { + this.layoutService.showConfigSidebar(); + } + + changeTheme(theme: string, colorScheme: string) { + this.theme = theme; + this.colorScheme = colorScheme; + } + + decrementScale() { + this.scale--; + } + + incrementScale() { + this.scale++; + } +} diff --git a/booklore-ui/src/app/layout/config/config.module.ts b/booklore-ui/src/app/layout/config/config.module.ts new file mode 100644 index 00000000..f4b8740a --- /dev/null +++ b/booklore-ui/src/app/layout/config/config.module.ts @@ -0,0 +1,27 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { SidebarModule } from 'primeng/sidebar'; +import { RadioButtonModule } from 'primeng/radiobutton'; +import { ButtonModule } from 'primeng/button'; +import { InputSwitchModule } from 'primeng/inputswitch'; +import { AppConfigComponent } from './app.config.component'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + SidebarModule, + RadioButtonModule, + ButtonModule, + InputSwitchModule, + AppConfigComponent + ], + declarations: [ + + ], + exports: [ + AppConfigComponent + ] +}) +export class AppConfigModule { } diff --git a/booklore-ui/src/app/layout/service/app.layout.service.ts b/booklore-ui/src/app/layout/service/app.layout.service.ts new file mode 100644 index 00000000..812b8ad6 --- /dev/null +++ b/booklore-ui/src/app/layout/service/app.layout.service.ts @@ -0,0 +1,159 @@ +import { Injectable, effect, signal } from '@angular/core'; +import { Subject } from 'rxjs'; + +export interface AppConfig { + inputStyle: string; + colorScheme: string; + theme: string; + ripple: boolean; + menuMode: string; + scale: number; +} + +interface LayoutState { + staticMenuDesktopInactive: boolean; + overlayMenuActive: boolean; + profileSidebarVisible: boolean; + configSidebarVisible: boolean; + staticMenuMobileActive: boolean; + menuHoverActive: boolean; +} + +@Injectable({ + providedIn: 'root', +}) +export class LayoutService { + _config: AppConfig = { + ripple: false, + inputStyle: 'outlined', + menuMode: 'static', + colorScheme: 'light', + theme: 'lara-light-indigo', + scale: 14, + }; + + config = signal(this._config); + + state: LayoutState = { + staticMenuDesktopInactive: false, + overlayMenuActive: false, + profileSidebarVisible: false, + configSidebarVisible: false, + staticMenuMobileActive: false, + menuHoverActive: false, + }; + + private configUpdate = new Subject(); + + private overlayOpen = new Subject(); + + configUpdate$ = this.configUpdate.asObservable(); + + overlayOpen$ = this.overlayOpen.asObservable(); + + constructor() { + 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 + ); + } + + 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); + } + } + } + + showProfileSidebar() { + this.state.profileSidebarVisible = !this.state.profileSidebarVisible; + if (this.state.profileSidebarVisible) { + this.overlayOpen.next(null); + } + } + + showConfigSidebar() { + this.state.configSidebarVisible = true; + } + + isOverlay() { + return this.config().menuMode === 'overlay'; + } + + isDesktop() { + return window.innerWidth > 991; + } + + isMobile() { + return !this.isDesktop(); + } + + onConfigUpdate() { + this._config = { ...this.config() }; + this.configUpdate.next(this.config()); + } + + changeTheme() { + const config = this.config(); + const themeLink = document.getElementById('theme-css'); + 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-css'; + let themeLink = document.getElementById(id); + const cloneLinkElement = 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/booklore-ui/src/assets/.gitkeep b/booklore-ui/src/assets/.gitkeep new file mode 100644 index 00000000..e69de29b diff --git a/booklore-ui/src/assets/layout/images/banner-primeblocks-dark.png b/booklore-ui/src/assets/layout/images/banner-primeblocks-dark.png new file mode 100644 index 00000000..21bb88e0 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/banner-primeblocks-dark.png differ diff --git a/booklore-ui/src/assets/layout/images/banner-primeblocks.png b/booklore-ui/src/assets/layout/images/banner-primeblocks.png new file mode 100644 index 00000000..5304b4bc Binary files /dev/null and b/booklore-ui/src/assets/layout/images/banner-primeblocks.png differ diff --git a/booklore-ui/src/assets/layout/images/logo-dark.svg b/booklore-ui/src/assets/layout/images/logo-dark.svg new file mode 100644 index 00000000..303ca854 --- /dev/null +++ b/booklore-ui/src/assets/layout/images/logo-dark.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/booklore-ui/src/assets/layout/images/logo-white.svg b/booklore-ui/src/assets/layout/images/logo-white.svg new file mode 100644 index 00000000..ed15e69d --- /dev/null +++ b/booklore-ui/src/assets/layout/images/logo-white.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/booklore-ui/src/assets/layout/images/themes/arya-blue.png b/booklore-ui/src/assets/layout/images/themes/arya-blue.png new file mode 100644 index 00000000..62a7b053 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/arya-blue.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/arya-green.png b/booklore-ui/src/assets/layout/images/themes/arya-green.png new file mode 100644 index 00000000..8b67fd8f Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/arya-green.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/arya-orange.png b/booklore-ui/src/assets/layout/images/themes/arya-orange.png new file mode 100644 index 00000000..fef1ac46 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/arya-orange.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/arya-purple.png b/booklore-ui/src/assets/layout/images/themes/arya-purple.png new file mode 100644 index 00000000..fb7f9e83 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/arya-purple.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-blue.svg b/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-blue.svg new file mode 100644 index 00000000..d0a9de44 --- /dev/null +++ b/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-blue.svg @@ -0,0 +1,4 @@ + + + + diff --git a/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-purple.svg b/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-purple.svg new file mode 100644 index 00000000..c97df774 --- /dev/null +++ b/booklore-ui/src/assets/layout/images/themes/bootstrap4-dark-purple.svg @@ -0,0 +1,4 @@ + + + + diff --git a/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-blue.svg b/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-blue.svg new file mode 100644 index 00000000..93c8b56c --- /dev/null +++ b/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-blue.svg @@ -0,0 +1,4 @@ + + + + diff --git a/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-purple.svg b/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-purple.svg new file mode 100644 index 00000000..b9c644c3 --- /dev/null +++ b/booklore-ui/src/assets/layout/images/themes/bootstrap4-light-purple.svg @@ -0,0 +1,4 @@ + + + + diff --git a/booklore-ui/src/assets/layout/images/themes/fluent-light.png b/booklore-ui/src/assets/layout/images/themes/fluent-light.png new file mode 100644 index 00000000..4766eebb Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/fluent-light.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/lara-dark-blue.png b/booklore-ui/src/assets/layout/images/themes/lara-dark-blue.png new file mode 100644 index 00000000..0a999085 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/lara-dark-blue.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/lara-dark-indigo.png b/booklore-ui/src/assets/layout/images/themes/lara-dark-indigo.png new file mode 100644 index 00000000..b435d980 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/lara-dark-indigo.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/lara-dark-purple.png b/booklore-ui/src/assets/layout/images/themes/lara-dark-purple.png new file mode 100644 index 00000000..e0d5bf41 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/lara-dark-purple.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/lara-dark-teal.png b/booklore-ui/src/assets/layout/images/themes/lara-dark-teal.png new file mode 100644 index 00000000..2ae21944 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/lara-dark-teal.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/lara-light-blue.png b/booklore-ui/src/assets/layout/images/themes/lara-light-blue.png new file mode 100644 index 00000000..0278849d Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/lara-light-blue.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/lara-light-indigo.png b/booklore-ui/src/assets/layout/images/themes/lara-light-indigo.png new file mode 100644 index 00000000..80bee583 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/lara-light-indigo.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/lara-light-purple.png b/booklore-ui/src/assets/layout/images/themes/lara-light-purple.png new file mode 100644 index 00000000..7745c13a Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/lara-light-purple.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/lara-light-teal.png b/booklore-ui/src/assets/layout/images/themes/lara-light-teal.png new file mode 100644 index 00000000..f8fb07fe Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/lara-light-teal.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/luna-amber.png b/booklore-ui/src/assets/layout/images/themes/luna-amber.png new file mode 100644 index 00000000..2cb7685a Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/luna-amber.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/luna-blue.png b/booklore-ui/src/assets/layout/images/themes/luna-blue.png new file mode 100644 index 00000000..fac43394 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/luna-blue.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/luna-green.png b/booklore-ui/src/assets/layout/images/themes/luna-green.png new file mode 100644 index 00000000..f4c37899 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/luna-green.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/luna-pink.png b/booklore-ui/src/assets/layout/images/themes/luna-pink.png new file mode 100644 index 00000000..6ef7b35f Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/luna-pink.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/md-dark-deeppurple.svg b/booklore-ui/src/assets/layout/images/themes/md-dark-deeppurple.svg new file mode 100644 index 00000000..c6f838be --- /dev/null +++ b/booklore-ui/src/assets/layout/images/themes/md-dark-deeppurple.svg @@ -0,0 +1,9 @@ + + + 4 + + + + + + \ No newline at end of file diff --git a/booklore-ui/src/assets/layout/images/themes/md-dark-indigo.svg b/booklore-ui/src/assets/layout/images/themes/md-dark-indigo.svg new file mode 100644 index 00000000..68658b60 --- /dev/null +++ b/booklore-ui/src/assets/layout/images/themes/md-dark-indigo.svg @@ -0,0 +1,9 @@ + + + 2 + + + + + + \ No newline at end of file diff --git a/booklore-ui/src/assets/layout/images/themes/md-light-deeppurple.svg b/booklore-ui/src/assets/layout/images/themes/md-light-deeppurple.svg new file mode 100644 index 00000000..0d3119f8 --- /dev/null +++ b/booklore-ui/src/assets/layout/images/themes/md-light-deeppurple.svg @@ -0,0 +1,9 @@ + + + 4 + + + + + + \ No newline at end of file diff --git a/booklore-ui/src/assets/layout/images/themes/md-light-indigo.svg b/booklore-ui/src/assets/layout/images/themes/md-light-indigo.svg new file mode 100644 index 00000000..1afeed70 --- /dev/null +++ b/booklore-ui/src/assets/layout/images/themes/md-light-indigo.svg @@ -0,0 +1,9 @@ + + + 2 + + + + + + \ No newline at end of file diff --git a/booklore-ui/src/assets/layout/images/themes/saga-blue.png b/booklore-ui/src/assets/layout/images/themes/saga-blue.png new file mode 100644 index 00000000..0671d461 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/saga-blue.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/saga-green.png b/booklore-ui/src/assets/layout/images/themes/saga-green.png new file mode 100644 index 00000000..4c8c3b8b Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/saga-green.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/saga-orange.png b/booklore-ui/src/assets/layout/images/themes/saga-orange.png new file mode 100644 index 00000000..2cabd5de Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/saga-orange.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/saga-purple.png b/booklore-ui/src/assets/layout/images/themes/saga-purple.png new file mode 100644 index 00000000..4b45f8bd Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/saga-purple.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/tailwind-light.png b/booklore-ui/src/assets/layout/images/themes/tailwind-light.png new file mode 100644 index 00000000..679bd1e6 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/tailwind-light.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/vela-blue.png b/booklore-ui/src/assets/layout/images/themes/vela-blue.png new file mode 100644 index 00000000..6780f35f Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/vela-blue.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/vela-green.png b/booklore-ui/src/assets/layout/images/themes/vela-green.png new file mode 100644 index 00000000..63445260 Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/vela-green.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/vela-orange.png b/booklore-ui/src/assets/layout/images/themes/vela-orange.png new file mode 100644 index 00000000..a2a9cdea Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/vela-orange.png differ diff --git a/booklore-ui/src/assets/layout/images/themes/vela-purple.png b/booklore-ui/src/assets/layout/images/themes/vela-purple.png new file mode 100644 index 00000000..d53ac06f Binary files /dev/null and b/booklore-ui/src/assets/layout/images/themes/vela-purple.png differ diff --git a/booklore-ui/src/assets/layout/styles/layout/_config.scss b/booklore-ui/src/assets/layout/styles/layout/_config.scss new file mode 100644 index 00000000..43cacc34 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_config.scss @@ -0,0 +1,42 @@ +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: var(--primary-color); + color: var(--primary-color-text); + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); + border-top-right-radius: 0; + border-bottom-right-radius: 0; + transition: background-color var(--transition-duration); + overflow: hidden; + cursor: pointer; + z-index: 999; + box-shadow: -.25rem 0 1rem rgba(0,0,0,.15); + + i { + font-size: 2rem; + line-height: inherit; + transform: rotate(0deg); + transition: transform 1s; + } + + &:hover { + background: var(--primary-400); + } +} + +.layout-config-sidebar { + &.p-sidebar { + .p-sidebar-content { + padding-left: 2rem; + padding-right: 2rem; + } + } +} diff --git a/booklore-ui/src/assets/layout/styles/layout/_content.scss b/booklore-ui/src/assets/layout/styles/layout/_content.scss new file mode 100644 index 00000000..c03371a7 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_content.scss @@ -0,0 +1,12 @@ +.layout-main-container { + display: flex; + flex-direction: column; + min-height: 100vh; + justify-content: space-between; + padding: 6rem 2rem 2rem 4rem; + transition: margin-left $transitionDuration; +} + +.layout-main { + flex: 1 1 auto; +} diff --git a/booklore-ui/src/assets/layout/styles/layout/_footer.scss b/booklore-ui/src/assets/layout/styles/layout/_footer.scss new file mode 100644 index 00000000..367d3128 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_footer.scss @@ -0,0 +1,8 @@ +.layout-footer { + transition: margin-left $transitionDuration; + display: flex; + align-items: center; + justify-content: center; + padding-top: 1rem; + border-top: 1px solid var(--surface-border); +} diff --git a/booklore-ui/src/assets/layout/styles/layout/_main.scss b/booklore-ui/src/assets/layout/styles/layout/_main.scss new file mode 100644 index 00000000..61cc1b55 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_main.scss @@ -0,0 +1,28 @@ +* { + box-sizing: border-box; +} + +html { + height: 100%; + font-size: $scale; +} + +body { + font-family: var(--font-family); + color: var(--text-color); + background-color: var(--surface-ground); + margin: 0; + padding: 0; + min-height: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + text-decoration: none; + color: var(--primary-color); +} + +.layout-wrapper { + min-height: 100vh; +} \ No newline at end of file diff --git a/booklore-ui/src/assets/layout/styles/layout/_menu.scss b/booklore-ui/src/assets/layout/styles/layout/_menu.scss new file mode 100644 index 00000000..94a588fc --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_menu.scss @@ -0,0 +1,135 @@ +.layout-sidebar { + position: fixed; + width: 250px; + height: calc(100vh - 9rem); + z-index: 999; + overflow-y: auto; + user-select: none; + top: 6rem; + left: 1.5rem; + transition: transform $transitionDuration, left $transitionDuration; + background-color: var(--surface-overlay); + border-radius: $borderRadius; + padding: 0.5rem 1.5rem; + box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08); +} + +.layout-menu { + margin: 0; + padding: 0; + list-style-type: none; + + .layout-root-menuitem { + >.layout-menuitem-root-text { + font-size: .857rem; + text-transform: uppercase; + font-weight: 700; + color: var(--surface-900); + margin: .75rem 0; + } + + >a { + display: none; + } + } + + a { + user-select: none; + + &.active-menuitem { + >.layout-submenu-toggler { + transform: rotate(-180deg); + } + } + } + + li.active-menuitem { + >a { + .layout-submenu-toggler { + transform: rotate(-180deg); + } + } + } + + ul { + margin: 0; + padding: 0; + list-style-type: none; + + a { + display: flex; + align-items: center; + position: relative; + outline: 0 none; + color: var(--text-color); + cursor: pointer; + padding: .75rem 1rem; + border-radius: $borderRadius; + transition: background-color $transitionDuration, box-shadow $transitionDuration; + + .layout-menuitem-icon { + margin-right: .5rem; + } + + .layout-submenu-toggler { + font-size: 75%; + margin-left: auto; + transition: transform $transitionDuration; + } + + &.active-route { + font-weight: 700; + color: var(--primary-color); + } + + &:hover { + background-color: var(--surface-hover); + } + + &:focus { + @include focused-inset(); + } + } + + ul { + overflow: hidden; + border-radius: $borderRadius; + + li { + a { + margin-left: 1rem; + } + + li { + a { + margin-left: 2rem; + } + + li { + a { + margin-left: 2.5rem; + } + + li { + a { + margin-left: 3rem; + } + + li { + a { + margin-left: 3.5rem; + } + + li { + a { + margin-left: 4rem; + } + } + } + } + } + } + } + } + } +} diff --git a/booklore-ui/src/assets/layout/styles/layout/_mixins.scss b/booklore-ui/src/assets/layout/styles/layout/_mixins.scss new file mode 100644 index 00000000..ec26860a --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_mixins.scss @@ -0,0 +1,13 @@ +@mixin focused() { + outline: 0 none; + outline-offset: 0; + transition: box-shadow .2s; + box-shadow: var(--focus-ring); +} + +@mixin focused-inset() { + outline: 0 none; + outline-offset: 0; + transition: box-shadow .2s; + box-shadow: inset var(--focus-ring); +} diff --git a/booklore-ui/src/assets/layout/styles/layout/_preloading.scss b/booklore-ui/src/assets/layout/styles/layout/_preloading.scss new file mode 100644 index 00000000..a8141044 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_preloading.scss @@ -0,0 +1,47 @@ +.preloader { + position: fixed; + z-index: 999999; + background: #edf1f5; + width: 100%; + height: 100%; +} +.preloader-content { + border: 0 solid transparent; + border-radius: 50%; + width: 150px; + height: 150px; + position: absolute; + top: calc(50vh - 75px); + left: calc(50vw - 75px); +} + +.preloader-content:before, .preloader-content:after{ + content: ''; + border: 1em solid var(--primary-color); + border-radius: 50%; + width: inherit; + height: inherit; + position: absolute; + top: 0; + left: 0; + animation: loader 2s linear infinite; + opacity: 0; +} + +.preloader-content:before{ + animation-delay: 0.5s; +} + +@keyframes loader{ + 0%{ + transform: scale(0); + opacity: 0; + } + 50%{ + opacity: 1; + } + 100%{ + transform: scale(1); + opacity: 0; + } +} diff --git a/booklore-ui/src/assets/layout/styles/layout/_responsive.scss b/booklore-ui/src/assets/layout/styles/layout/_responsive.scss new file mode 100644 index 00000000..8a9a63f6 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_responsive.scss @@ -0,0 +1,100 @@ +@media screen and (min-width: 1960px) { + .layout-main, .landing-wrapper { + width: 1504px; + margin-left: auto !important; + margin-right: auto !important; + } + +} + +@media (min-width: 992px) { + .layout-wrapper { + &.layout-overlay { + .layout-main-container { + margin-left: 0; + padding-left: 2rem; + } + + .layout-sidebar { + transform: translateX(-100%); + left: 0; + top: 0; + height: 100vh; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + &.layout-overlay-active { + .layout-sidebar { + transform: translateX(0); + } + } + } + + &.layout-static { + .layout-main-container { + margin-left: 240px; + } + + &.layout-static-inactive { + .layout-sidebar { + transform: translateX(-100%); + left: 0; + } + + .layout-main-container { + margin-left: 0; + padding-left: 2rem; + } + } + } + + .layout-mask { + display: none; + } + } +} + +@media (max-width: 991px) { + .blocked-scroll { + overflow: hidden; + } + + .layout-wrapper { + .layout-main-container { + margin-left: 0; + padding-left: 2rem; + } + + .layout-sidebar { + transform: translateX(-100%); + left: 0; + top: 0; + height: 100vh; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + background-color: var(--maskbg); + } + + &.layout-mobile-active { + .layout-sidebar { + transform: translateX(0); + } + + .layout-mask { + display: block; + animation: fadein $transitionDuration; + } + } + } +} diff --git a/booklore-ui/src/assets/layout/styles/layout/_topbar.scss b/booklore-ui/src/assets/layout/styles/layout/_topbar.scss new file mode 100644 index 00000000..1ccd3eba --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_topbar.scss @@ -0,0 +1,149 @@ +.layout-topbar { + position: fixed; + height: 4.25rem; + z-index: 997; + left: 0; + top: 0; + width: 100%; + padding: 0 2rem; + background-color: var(--surface-card); + transition: left $transitionDuration; + display: flex; + align-items: center; + box-shadow: 0px 3px 5px rgba(0,0,0,.02), 0px 0px 2px rgba(0,0,0,.05), 0px 1px 4px rgba(0,0,0,.08); + + .layout-topbar-logo { + display: flex; + align-items: center; + color: var(--surface-900); + font-size: 1.5rem; + font-weight: 500; + width: 228px; + border-radius: 12px; + + img { + height: 2.5rem; + margin-right: .5rem; + } + + &:focus { + @include focused(); + } + } + + .layout-topbar-button { + display: inline-flex; + justify-content: center; + align-items: center; + position: relative; + color: var(--text-color-secondary); + border-radius: 50%; + width: 3rem; + height: 3rem; + cursor: pointer; + transition: background-color $transitionDuration; + + &:hover { + color: var(--text-color); + background-color: var(--surface-hover); + } + + &:focus { + @include focused(); + } + + i { + font-size: 1.5rem; + } + + span { + font-size: 1rem; + display: none; + } + } + + .layout-menu-button { + margin-left: 2rem; + } + + .layout-topbar-menu-button { + display: none; + + i { + font-size: 1.25rem; + } + } + + .layout-topbar-menu { + margin: 0 0 0 auto; + padding: 0; + list-style: none; + display: flex; + + .layout-topbar-button { + margin-left: 1rem; + } + } +} + +@media (max-width: 991px) { + .layout-topbar { + justify-content: space-between; + + .layout-topbar-logo { + width: auto; + order: 2; + } + + .layout-menu-button { + margin-left: 0; + order: 1; + } + + .layout-topbar-menu-button { + display: inline-flex; + margin-left: 0; + order: 3; + } + + .layout-topbar-menu { + margin-left: 0; + position: absolute; + flex-direction: column; + background-color: var(--surface-overlay); + box-shadow: 0px 3px 5px rgba(0,0,0,.02), 0px 0px 2px rgba(0,0,0,.05), 0px 1px 4px rgba(0,0,0,.08); + border-radius: 12px; + padding: 1rem; + right: 2rem; + top: 5rem; + min-width: 15rem; + display: none; + -webkit-animation: scalein 0.15s linear; + animation: scalein 0.15s linear; + + &.layout-topbar-menu-mobile-active { + display: block + } + + .layout-topbar-button { + margin-left: 0; + display: flex; + width: 100%; + height: auto; + justify-content: flex-start; + border-radius: 12px; + padding: 1rem; + + i { + font-size: 1rem; + margin-right: .5rem; + } + + span { + font-weight: medium; + display: block; + } + } + } + } +} diff --git a/booklore-ui/src/assets/layout/styles/layout/_typography.scss b/booklore-ui/src/assets/layout/styles/layout/_typography.scss new file mode 100644 index 00000000..b9a0c8ff --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_typography.scss @@ -0,0 +1,63 @@ +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 500; + 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: $borderRadius; + 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; + } +} diff --git a/booklore-ui/src/assets/layout/styles/layout/_utils.scss b/booklore-ui/src/assets/layout/styles/layout/_utils.scss new file mode 100644 index 00000000..bc7ea810 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_utils.scss @@ -0,0 +1,20 @@ +.card { + background: var(--surface-card); + border: 1px solid var(--surface-border); + padding: 2rem; + margin-bottom: 2rem; + box-shadow: var(--card-shadow); + border-radius: $borderRadius; + + &:last-child { + margin-bottom: 0; + } +} + +.p-toast { + &.p-toast-top-right, + &.p-toast-top-left, + &.p-toast-top-center { + top: 100px; + } +} \ No newline at end of file diff --git a/booklore-ui/src/assets/layout/styles/layout/_variables.scss b/booklore-ui/src/assets/layout/styles/layout/_variables.scss new file mode 100644 index 00000000..8e9b025d --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/_variables.scss @@ -0,0 +1,4 @@ +/* General */ +$scale:14px; /* main font size */ +$borderRadius:12px; /* border radius of layout element e.g. card, sidebar */ +$transitionDuration:.2s; /* transition duration of layout elements e.g. sidebar, overlay menus */ diff --git a/booklore-ui/src/assets/layout/styles/layout/layout.css b/booklore-ui/src/assets/layout/styles/layout/layout.css new file mode 100644 index 00000000..1fa61f19 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/layout.css @@ -0,0 +1,523 @@ +/* General */ +/* main font size */ +/* border radius of layout element e.g. card, sidebar */ +/* transition duration of layout elements e.g. sidebar, overlay menus */ +.preloader { + position: fixed; + z-index: 999999; + background: #edf1f5; + width: 100%; + height: 100%; +} + +.preloader-content { + border: 0 solid transparent; + border-radius: 50%; + width: 150px; + height: 150px; + position: absolute; + top: calc(50vh - 75px); + left: calc(50vw - 75px); +} + +.preloader-content:before, .preloader-content:after { + content: ""; + border: 1em solid var(--primary-color); + border-radius: 50%; + width: inherit; + height: inherit; + position: absolute; + top: 0; + left: 0; + animation: loader 2s linear infinite; + opacity: 0; +} + +.preloader-content:before { + animation-delay: 0.5s; +} + +@keyframes loader { + 0% { + transform: scale(0); + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + transform: scale(1); + opacity: 0; + } +} +* { + box-sizing: border-box; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: var(--font-family); + color: var(--text-color); + background-color: var(--surface-ground); + margin: 0; + padding: 0; + min-height: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + text-decoration: none; + color: var(--primary-color); +} + +.layout-wrapper { + min-height: 100vh; +} + +.layout-topbar { + position: fixed; + height: 5rem; + z-index: 997; + left: 0; + top: 0; + width: 100%; + padding: 0 2rem; + background-color: var(--surface-card); + transition: left 0.2s; + display: flex; + align-items: center; + box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08); +} +.layout-topbar .layout-topbar-logo { + display: flex; + align-items: center; + color: var(--surface-900); + font-size: 1.5rem; + font-weight: 500; + width: 300px; + border-radius: 12px; +} +.layout-topbar .layout-topbar-logo img { + height: 2.5rem; + margin-right: 0.5rem; +} +.layout-topbar .layout-topbar-logo:focus { + outline: 0 none; + outline-offset: 0; + transition: box-shadow 0.2s; + box-shadow: var(--focus-ring); +} +.layout-topbar .layout-topbar-button { + display: inline-flex; + justify-content: center; + align-items: center; + position: relative; + color: var(--text-color-secondary); + border-radius: 50%; + width: 3rem; + height: 3rem; + cursor: pointer; + transition: background-color 0.2s; +} +.layout-topbar .layout-topbar-button:hover { + color: var(--text-color); + background-color: var(--surface-hover); +} +.layout-topbar .layout-topbar-button:focus { + outline: 0 none; + outline-offset: 0; + transition: box-shadow 0.2s; + box-shadow: var(--focus-ring); +} +.layout-topbar .layout-topbar-button i { + font-size: 1.5rem; +} +.layout-topbar .layout-topbar-button span { + font-size: 1rem; + display: none; +} +.layout-topbar .layout-menu-button { + margin-left: 2rem; +} +.layout-topbar .layout-topbar-menu-button { + display: none; +} +.layout-topbar .layout-topbar-menu-button i { + font-size: 1.25rem; +} +.layout-topbar .layout-topbar-menu { + margin: 0 0 0 auto; + padding: 0; + list-style: none; + display: flex; +} +.layout-topbar .layout-topbar-menu .layout-topbar-button { + margin-left: 1rem; +} + +@media (max-width: 991px) { + .layout-topbar { + justify-content: space-between; + } + .layout-topbar .layout-topbar-logo { + width: auto; + order: 2; + } + .layout-topbar .layout-menu-button { + margin-left: 0; + order: 1; + } + .layout-topbar .layout-topbar-menu-button { + display: inline-flex; + margin-left: 0; + order: 3; + } + .layout-topbar .layout-topbar-menu { + margin-left: 0; + position: absolute; + flex-direction: column; + background-color: var(--surface-overlay); + box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08); + border-radius: 12px; + padding: 1rem; + right: 2rem; + top: 5rem; + min-width: 15rem; + display: none; + -webkit-animation: scalein 0.15s linear; + animation: scalein 0.15s linear; + } + .layout-topbar .layout-topbar-menu.layout-topbar-menu-mobile-active { + display: block; + } + .layout-topbar .layout-topbar-menu .layout-topbar-button { + margin-left: 0; + display: flex; + width: 100%; + height: auto; + justify-content: flex-start; + border-radius: 12px; + padding: 1rem; + } + .layout-topbar .layout-topbar-menu .layout-topbar-button i { + font-size: 1rem; + margin-right: 0.5rem; + } + .layout-topbar .layout-topbar-menu .layout-topbar-button span { + font-weight: medium; + display: block; + } +} +.layout-sidebar { + position: fixed; + width: 300px; + height: calc(100vh - 9rem); + z-index: 999; + overflow-y: auto; + user-select: none; + top: 7rem; + left: 2rem; + transition: transform 0.2s, left 0.2s; + background-color: var(--surface-overlay); + border-radius: 12px; + padding: 0.5rem 1.5rem; + box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08); +} + +.layout-menu { + margin: 0; + padding: 0; + list-style-type: none; +} +.layout-menu .layout-root-menuitem > .layout-menuitem-root-text { + font-size: 0.857rem; + text-transform: uppercase; + font-weight: 700; + color: var(--surface-900); + margin: 0.75rem 0; +} +.layout-menu .layout-root-menuitem > a { + display: none; +} +.layout-menu a { + user-select: none; +} +.layout-menu a.active-menuitem > .layout-submenu-toggler { + transform: rotate(-180deg); +} +.layout-menu li.active-menuitem > a .layout-submenu-toggler { + transform: rotate(-180deg); +} +.layout-menu ul { + margin: 0; + padding: 0; + list-style-type: none; +} +.layout-menu ul a { + display: flex; + align-items: center; + position: relative; + outline: 0 none; + color: var(--text-color); + cursor: pointer; + padding: 0.75rem 1rem; + border-radius: 12px; + transition: background-color 0.2s, box-shadow 0.2s; +} +.layout-menu ul a .layout-menuitem-icon { + margin-right: 0.5rem; +} +.layout-menu ul a .layout-submenu-toggler { + font-size: 75%; + margin-left: auto; + transition: transform 0.2s; +} +.layout-menu ul a.active-route { + font-weight: 700; + color: var(--primary-color); +} +.layout-menu ul a:hover { + background-color: var(--surface-hover); +} +.layout-menu ul a:focus { + outline: 0 none; + outline-offset: 0; + transition: box-shadow 0.2s; + box-shadow: inset var(--focus-ring); +} +.layout-menu ul ul { + overflow: hidden; + border-radius: 12px; +} +.layout-menu ul ul li a { + margin-left: 1rem; +} +.layout-menu ul ul li li a { + margin-left: 2rem; +} +.layout-menu ul ul li li li a { + margin-left: 2.5rem; +} +.layout-menu ul ul li li li li a { + margin-left: 3rem; +} +.layout-menu ul ul li li li li li a { + margin-left: 3.5rem; +} +.layout-menu ul ul li li li li li li a { + margin-left: 4rem; +} + +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: var(--primary-color); + color: var(--primary-color-text); + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); + border-top-right-radius: 0; + border-bottom-right-radius: 0; + transition: background-color var(--transition-duration); + overflow: hidden; + cursor: pointer; + z-index: 999; + box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15); +} +.layout-config-button i { + font-size: 2rem; + line-height: inherit; + transform: rotate(0deg); + transition: transform 1s; +} +.layout-config-button:hover { + background: var(--primary-400); +} + +.layout-config-sidebar.p-sidebar .p-sidebar-content { + padding-left: 2rem; + padding-right: 2rem; +} + +.layout-main-container { + display: flex; + flex-direction: column; + min-height: 100vh; + justify-content: space-between; + padding: 7rem 2rem 2rem 4rem; + transition: margin-left 0.2s; +} + +.layout-main { + flex: 1 1 auto; +} + +.layout-footer { + transition: margin-left 0.2s; + display: flex; + align-items: center; + justify-content: center; + padding-top: 1rem; + border-top: 1px solid var(--surface-border); +} + +@media screen and (min-width: 1960px) { + .layout-main, .landing-wrapper { + width: 1504px; + margin-left: auto !important; + margin-right: auto !important; + } +} +@media (min-width: 992px) { + .layout-wrapper.layout-overlay .layout-main-container { + margin-left: 0; + padding-left: 2rem; + } + .layout-wrapper.layout-overlay .layout-sidebar { + transform: translateX(-100%); + left: 0; + top: 0; + height: 100vh; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .layout-wrapper.layout-overlay.layout-overlay-active .layout-sidebar { + transform: translateX(0); + } + .layout-wrapper.layout-static .layout-main-container { + margin-left: 300px; + } + .layout-wrapper.layout-static.layout-static-inactive .layout-sidebar { + transform: translateX(-100%); + left: 0; + } + .layout-wrapper.layout-static.layout-static-inactive .layout-main-container { + margin-left: 0; + padding-left: 2rem; + } + .layout-wrapper .layout-mask { + display: none; + } +} +@media (max-width: 991px) { + .blocked-scroll { + overflow: hidden; + } + .layout-wrapper .layout-main-container { + margin-left: 0; + padding-left: 2rem; + } + .layout-wrapper .layout-sidebar { + transform: translateX(-100%); + left: 0; + top: 0; + height: 100vh; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .layout-wrapper .layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + background-color: var(--maskbg); + } + .layout-wrapper.layout-mobile-active .layout-sidebar { + transform: translateX(0); + } + .layout-wrapper.layout-mobile-active .layout-mask { + display: block; + animation: fadein 0.2s; + } +} +.card { + background: var(--surface-card); + border: 1px solid var(--surface-border); + padding: 2rem; + margin-bottom: 2rem; + box-shadow: var(--card-shadow); + border-radius: 12px; +} +.card:last-child { + margin-bottom: 0; +} + +.p-toast.p-toast-top-right, .p-toast.p-toast-top-left, .p-toast.p-toast-top-center { + top: 100px; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 500; + line-height: 1.2; + color: var(--surface-900); +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 12px; + 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; +} +p:last-child { + margin-bottom: 0; +} diff --git a/booklore-ui/src/assets/layout/styles/layout/layout.scss b/booklore-ui/src/assets/layout/styles/layout/layout.scss new file mode 100644 index 00000000..b29651a5 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/layout/layout.scss @@ -0,0 +1,12 @@ +@import './_variables'; +@import "./_mixins"; +@import "./_preloading"; +@import "./_main"; +@import "./_topbar"; +@import "./_menu"; +@import "./_config"; +@import "./_content"; +@import "./_footer"; +@import "./_responsive"; +@import "./_utils"; +@import "./_typography"; diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/arya-blue/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/arya-blue/theme.css new file mode 100644 index 00000000..b60db6ff --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/arya-blue/theme.css @@ -0,0 +1,6422 @@ +: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: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #64B5F6; + --primary-color-text: #212529; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #93cbf9; + --highlight-bg: rgba(100, 181, 246, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + 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:#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:#f7fbff; + --primary-100:#daedfd; + --primary-200:#bcdffb; + --primary-300:#9fd1f9; + --primary-400:#81c3f8; + --primary-500:#64b5f6; + --primary-600:#559ad1; + --primary-700:#467fac; + --primary-800:#376487; + --primary-900:#284862; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.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 #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #64B5F6; +} + +@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.4; + } + + .p-error { + color: #ef9a9a; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #93cbf9; + } + + .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: #64B5F6; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ef9a9a; + } + + .p-autocomplete-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + + .p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + 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: #64B5F6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #64B5F6; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #383838; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #383838; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #383838; + 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: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #121212; + border: 1px solid #383838; + 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: #64B5F6; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-cascadeselect.p-variant-filled { + background-color: #383838; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #383838; + } + + .p-cascadeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: #383838; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #64B5F6; + background: #64B5F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #64B5F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #2396f2; + background: #2396f2; + color: #212529; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #64B5F6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #64B5F6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #64B5F6; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1e1e1e; + border: 1px solid #383838; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #121212; + border: 1px solid #383838; + 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: #64B5F6; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-dropdown.p-variant-filled { + background-color: #383838; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #383838; + } + + .p-dropdown-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #383838; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #383838; + } + .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: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #383838; + border-left: 1px solid #383838; + border-bottom: 1px solid #383838; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #383838; + } + + .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: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-inputmask.p-variant-filled { + background-color: #383838; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #383838; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: #383838; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #383838; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #383838; + } + + .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: #383838; + 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: rgba(255, 255, 255, 0.6); + 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 1px #93cbf9; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #64B5F6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #43a5f4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ef9a9a; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #121212; + padding: 0.5rem 0.5rem; + border: 1px solid #383838; + 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: #64B5F6; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; + } + .p-inputtext.p-variant-filled { + background-color: #383838; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #383838; + } + .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: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #383838; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #383838; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #383838; + } + + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; + } + + .p-multiselect { + background: #121212; + border: 1px solid #383838; + 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: #64B5F6; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-multiselect.p-variant-filled { + background: #383838; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #383838; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #383838; + } + + .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: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #383838; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; + } + + .p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #383838; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f48fb1; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + right: 2rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #64B5F6; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: #64B5F6; + background: #64B5F6; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #2396f2; + background: #2396f2; + color: #212529; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #383838; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #64B5F6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #2396f2; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #64B5F6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #2396f2; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #64B5F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #64B5F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #64B5F6; + border-color: #64B5F6; + 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: #43a5f4; + border-color: #43a5f4; + 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: #ef9a9a; + } + + .p-slider { + background: #383838; + 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: #383838; + border: 2px solid #64B5F6; + 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 1px #93cbf9; + } + .p-slider .p-slider-range { + background: #64B5F6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #64B5F6; + border-color: #64B5F6; + } + .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: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #64B5F6; + border-color: #64B5F6; + 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: #43a5f4; + border-color: #43a5f4; + 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: #ef9a9a; + } + + .p-treeselect { + background: #121212; + border: 1px solid #383838; + 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: #64B5F6; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-treeselect.p-variant-filled { + background-color: #383838; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #383838; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; + } + + .p-treeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #383838; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + 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: #43a5f4; + color: #212529; + border-color: #43a5f4; + } + .p-button:not(:disabled):active { + background: #2396f2; + color: #212529; + border-color: #2396f2; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #64B5F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #64B5F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: #64B5F6; + 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.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: #78909c; + border: 1px solid #78909c; + } + .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: #69838f; + color: #ffffff; + border-color: #69838f; + } + .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 1px #a1b1ba; + } + .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: #5d747f; + color: #ffffff; + border-color: #5d747f; + } + .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: #78909c; + 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(120, 144, 156, 0.04); + color: #78909c; + 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(120, 144, 156, 0.16); + color: #78909c; + 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: #78909c; + 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(120, 144, 156, 0.04); + border-color: transparent; + color: #78909c; + } + .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(120, 144, 156, 0.16); + border-color: transparent; + color: #78909c; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81d4fa; + border: 1px solid #81d4fa; + } + .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: #5dc8f9; + color: #121212; + border-color: #5dc8f9; + } + .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 1px #a7e1fc; + } + .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: #38bbf7; + color: #121212; + border-color: #38bbf7; + } + .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: #81d4fa; + 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(129, 212, 250, 0.04); + color: #81d4fa; + 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(129, 212, 250, 0.16); + color: #81d4fa; + 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: #81d4fa; + 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(129, 212, 250, 0.04); + border-color: transparent; + color: #81d4fa; + } + .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(129, 212, 250, 0.16); + border-color: transparent; + color: #81d4fa; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #c5e1a5; + border: 1px solid #c5e1a5; + } + .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: #b2d788; + color: #121212; + border-color: #b2d788; + } + .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 1px #d6eac0; + } + .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: #9fce6b; + color: #121212; + border-color: #9fce6b; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + color: #c5e1a5; + 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(197, 225, 165, 0.16); + color: #c5e1a5; + 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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #ffe082; + border: 1px solid #ffe082; + } + .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: #ffd65c; + color: #121212; + border-color: #ffd65c; + } + .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 1px #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: #ffcd35; + color: #121212; + border-color: #ffcd35; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .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: #c278ce; + color: #121212; + border-color: #c278ce; + } + .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 #ddb3e4; + } + .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: #b65ec5; + color: #121212; + border-color: #b65ec5; + } + .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: #121212; + background: #f48fb1; + border: 1px solid #f48fb1; + } + .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: #f16c98; + color: #121212; + border-color: #f16c98; + } + .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 1px #f7b1c8; + } + .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: #ed4980; + color: #121212; + border-color: #ed4980; + } + .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: #f48fb1; + 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, 143, 177, 0.04); + color: #f48fb1; + 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, 143, 177, 0.16); + color: #f48fb1; + 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: #f48fb1; + 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, 143, 177, 0.04); + border-color: transparent; + color: #f48fb1; + } + .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, 143, 177, 0.16); + border-color: transparent; + color: #f48fb1; + } + + .p-button.p-button-link { + color: #64B5F6; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #64B5F6; + 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 #93cbf9; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #64B5F6; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 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 1px #93cbf9; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; + } + + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .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: #383838; + 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: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #64B5F6; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #64B5F6; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #64B5F6; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #64B5F6; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #93cbf9; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .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 #93cbf9; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #64B5F6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; + } + .p-datatable.p-datatable-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: #1e1e1e; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 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: #242424; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .p-column-filter-overlay { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 #93cbf9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 #383838; + } + .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: #1e1e1e; + border: 1px solid #383838; + 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 1px #93cbf9; + border-color: #64B5F6; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #383838; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(12, 120, 207, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #383838; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #383838; + border-color: #383838; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #383838; + border-color: #383838; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + + .p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: solid #383838; + border-width: 1px; + 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: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + 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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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.286em; + } + .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.286em; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .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: #1e1e1e; + border: 1px solid #383838; + 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 1px #93cbf9; + border-color: #64B5F6; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #383838; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #64B5F6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1e1e1e; + } + .p-timeline .p-timeline-event-connector { + background-color: #383838; + } + .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 #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 #93cbf9; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #64B5F6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .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: #2396f2; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(35, 150, 242, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #383838; + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-treetable .p-sortable-column { + outline-color: #93cbf9; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #64B5F6; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #64B5F6; + } + .p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #64B5F6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #93cbf9; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #64B5F6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-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: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 1px #93cbf9; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 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: rgba(255, 255, 255, 0.6); + } + .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: #1e1e1e; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #383838; + } + .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 #383838; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + 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 1px #93cbf9; + } + + .p-splitter { + border: 1px solid #383838; + background: #1e1e1e; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #383838; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-splitter .p-splitter-gutter-resizing { + background: #383838; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + 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 1px #93cbf9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #64B5F6; + color: #64B5F6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1e1e1e; + color: #64B5F6; + 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 1px #93cbf9; + } + .p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + 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 1px #93cbf9; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 1px #93cbf9; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #64B5F6; + } + .p-stepper .p-stepper-panels { + background: #1e1e1e; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #383838; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .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: #64B5F6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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(30, 30, 30, 0); + border-bottom-color: #1e1e1e; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #383838; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1e1e1e; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #383838; + } + .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: 1px solid #383838; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: #64B5F6; + 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: #43a5f4; + color: #212529; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #353535; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1e1e1e; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #383838; + } + + .p-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #383838; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #383838; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #383838; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + .p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #64B5F6; + border-style: dashed; + background-color: rgba(100, 181, 246, 0.16); + } + .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: #43a5f4; + color: #212529; + border-color: #43a5f4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #2396f2; + color: #212529; + border-color: #2396f2; + } + + .p-breadcrumb { + background: #1e1e1e; + border: 1px solid #383838; + 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 1px #93cbf9; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #383838; + 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 #93cbf9; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #64B5F6; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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 #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + border-radius: 3px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #383838; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; + } + .p-slidemenu .p-menuitem-badge { + background: #64B5F6; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #383838; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #64B5F6; + 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 #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + 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 1px #93cbf9; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1e1e1e; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1e1e1e; + border-color: #64B5F6; + color: #64B5F6; + } + .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: #1e1e1e; + color: #64B5F6; + 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 1px #93cbf9; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #383838; + 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: 1px; + 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: 1px; + 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: 1px; + 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: 1px; + 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 1px #93cbf9; + } + .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: none; + 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 1px #93cbf9; + } + .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: #383838; + 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: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 1px #93cbf9; + } + + .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: #383838; + 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 #1e1e1e; + } + + .p-badge { + background: #64B5F6; + 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: #c5e1a5; + color: #121212; + } + .p-badge.p-badge-info { + background-color: #81d4fa; + color: #121212; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #121212; + } + .p-badge.p-badge-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .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: #383838; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #64B5F6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #64B5F6; + 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: #383838; + border-radius: 3px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #64B5F6; + } + .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(100, 181, 246, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(100, 181, 246, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #121212; + } + .p-tag.p-tag-info { + background-color: #81d4fa; + color: #121212; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #121212; + } + .p-tag.p-tag-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: #64B5F6; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #64B5F6; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #64B5F6; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #64B5F6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #64B5F6; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/arya-green/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-green/theme.css b/booklore-ui/src/assets/layout/styles/theme/arya-green/theme.css new file mode 100644 index 00000000..2354c74c --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/arya-green/theme.css @@ -0,0 +1,6422 @@ +: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: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #81C784; + --primary-color-text: #212529; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #a7d8a9; + --highlight-bg: rgba(129, 199, 132, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + 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:#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:#f9fcf9; + --primary-100:#e1f2e1; + --primary-200:#c9e7ca; + --primary-300:#b1dcb3; + --primary-400:#99d29b; + --primary-500:#81c784; + --primary-600:#6ea970; + --primary-700:#5a8b5c; + --primary-800:#476d49; + --primary-900:#345035; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.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 #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #81C784; +} +.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: #81C784; +} +.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: #81C784; +} +.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: #81C784; +} + +@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.4; + } + + .p-error { + color: #ef9a9a; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #a7d8a9; + } + + .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: #81C784; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ef9a9a; + } + + .p-autocomplete-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + + .p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + 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: #81C784; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #81C784; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #383838; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #383838; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #383838; + 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: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #121212; + border: 1px solid #383838; + 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: #81C784; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-cascadeselect.p-variant-filled { + background-color: #383838; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #383838; + } + + .p-cascadeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: #383838; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #81C784; + background: #81C784; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #81C784; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #54b358; + background: #54b358; + color: #212529; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #81C784; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #81C784; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #81C784; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1e1e1e; + border: 1px solid #383838; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #121212; + border: 1px solid #383838; + 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: #81C784; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-dropdown.p-variant-filled { + background-color: #383838; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #383838; + } + + .p-dropdown-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #383838; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #383838; + } + .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: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #383838; + border-left: 1px solid #383838; + border-bottom: 1px solid #383838; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #383838; + } + + .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: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-inputmask.p-variant-filled { + background-color: #383838; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #383838; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: #383838; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #383838; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #383838; + } + + .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: #383838; + 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: rgba(255, 255, 255, 0.6); + 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 1px #a7d8a9; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #81C784; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6abd6e; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ef9a9a; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #121212; + padding: 0.5rem 0.5rem; + border: 1px solid #383838; + 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: #81C784; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; + } + .p-inputtext.p-variant-filled { + background-color: #383838; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #383838; + } + .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: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #383838; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #383838; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #383838; + } + + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; + } + + .p-multiselect { + background: #121212; + border: 1px solid #383838; + 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: #81C784; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-multiselect.p-variant-filled { + background: #383838; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #383838; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #383838; + } + + .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: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #383838; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; + } + + .p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #383838; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f48fb1; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + right: 2rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #81C784; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: #81C784; + background: #81C784; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #54b358; + background: #54b358; + color: #212529; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #383838; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #81C784; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #54b358; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #81C784; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #54b358; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #81C784; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #81C784; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #81C784; + border-color: #81C784; + 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: #6abd6e; + border-color: #6abd6e; + 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: #ef9a9a; + } + + .p-slider { + background: #383838; + 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: #383838; + border: 2px solid #81C784; + 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 1px #a7d8a9; + } + .p-slider .p-slider-range { + background: #81C784; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #81C784; + border-color: #81C784; + } + .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: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #81C784; + border-color: #81C784; + 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: #6abd6e; + border-color: #6abd6e; + 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: #ef9a9a; + } + + .p-treeselect { + background: #121212; + border: 1px solid #383838; + 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: #81C784; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-treeselect.p-variant-filled { + background-color: #383838; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #383838; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; + } + + .p-treeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #383838; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + 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: #6abd6e; + color: #212529; + border-color: #6abd6e; + } + .p-button:not(:disabled):active { + background: #54b358; + color: #212529; + border-color: #54b358; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #81C784; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #81C784; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: #81C784; + 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.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: #78909c; + border: 1px solid #78909c; + } + .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: #69838f; + color: #ffffff; + border-color: #69838f; + } + .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 1px #a1b1ba; + } + .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: #5d747f; + color: #ffffff; + border-color: #5d747f; + } + .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: #78909c; + 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(120, 144, 156, 0.04); + color: #78909c; + 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(120, 144, 156, 0.16); + color: #78909c; + 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: #78909c; + 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(120, 144, 156, 0.04); + border-color: transparent; + color: #78909c; + } + .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(120, 144, 156, 0.16); + border-color: transparent; + color: #78909c; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81d4fa; + border: 1px solid #81d4fa; + } + .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: #5dc8f9; + color: #121212; + border-color: #5dc8f9; + } + .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 1px #a7e1fc; + } + .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: #38bbf7; + color: #121212; + border-color: #38bbf7; + } + .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: #81d4fa; + 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(129, 212, 250, 0.04); + color: #81d4fa; + 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(129, 212, 250, 0.16); + color: #81d4fa; + 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: #81d4fa; + 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(129, 212, 250, 0.04); + border-color: transparent; + color: #81d4fa; + } + .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(129, 212, 250, 0.16); + border-color: transparent; + color: #81d4fa; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #c5e1a5; + border: 1px solid #c5e1a5; + } + .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: #b2d788; + color: #121212; + border-color: #b2d788; + } + .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 1px #d6eac0; + } + .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: #9fce6b; + color: #121212; + border-color: #9fce6b; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + color: #c5e1a5; + 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(197, 225, 165, 0.16); + color: #c5e1a5; + 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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #ffe082; + border: 1px solid #ffe082; + } + .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: #ffd65c; + color: #121212; + border-color: #ffd65c; + } + .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 1px #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: #ffcd35; + color: #121212; + border-color: #ffcd35; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .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: #c278ce; + color: #121212; + border-color: #c278ce; + } + .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 #ddb3e4; + } + .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: #b65ec5; + color: #121212; + border-color: #b65ec5; + } + .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: #121212; + background: #f48fb1; + border: 1px solid #f48fb1; + } + .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: #f16c98; + color: #121212; + border-color: #f16c98; + } + .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 1px #f7b1c8; + } + .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: #ed4980; + color: #121212; + border-color: #ed4980; + } + .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: #f48fb1; + 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, 143, 177, 0.04); + color: #f48fb1; + 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, 143, 177, 0.16); + color: #f48fb1; + 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: #f48fb1; + 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, 143, 177, 0.04); + border-color: transparent; + color: #f48fb1; + } + .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, 143, 177, 0.16); + border-color: transparent; + color: #f48fb1; + } + + .p-button.p-button-link { + color: #81C784; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #81C784; + 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 #a7d8a9; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #81C784; + 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 1px #a7d8a9; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; + } + + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .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: #383838; + 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: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #81C784; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #81C784; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #81C784; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #81C784; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #a7d8a9; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .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 #a7d8a9; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #81C784; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; + } + .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: #1e1e1e; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 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: #242424; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .p-column-filter-overlay { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 #a7d8a9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 #383838; + } + .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: #1e1e1e; + border: 1px solid #383838; + 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 1px #a7d8a9; + border-color: #81C784; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #383838; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(62, 139, 65, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #383838; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #383838; + border-color: #383838; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #383838; + border-color: #383838; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + + .p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: solid #383838; + border-width: 1px; + 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: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + 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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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.286em; + } + .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.286em; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(129, 199, 132, 0.16); + border-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .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: #1e1e1e; + border: 1px solid #383838; + 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 1px #a7d8a9; + border-color: #81C784; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #383838; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #81C784; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1e1e1e; + } + .p-timeline .p-timeline-event-connector { + background-color: #383838; + } + .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 #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 #a7d8a9; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #81C784; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .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: #54b358; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(84, 179, 88, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #383838; + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-treetable .p-sortable-column { + outline-color: #a7d8a9; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #81C784; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #81C784; + } + .p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #81C784; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #a7d8a9; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #81C784; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-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: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 1px #a7d8a9; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 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: rgba(255, 255, 255, 0.6); + } + .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: #1e1e1e; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #383838; + } + .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 #383838; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + 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 1px #a7d8a9; + } + + .p-splitter { + border: 1px solid #383838; + background: #1e1e1e; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #383838; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-splitter .p-splitter-gutter-resizing { + background: #383838; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + 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 1px #a7d8a9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #81C784; + color: #81C784; + } + .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: #1e1e1e; + color: #81C784; + 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 1px #a7d8a9; + } + .p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + 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 1px #a7d8a9; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 1px #a7d8a9; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #81C784; + } + .p-stepper .p-stepper-panels { + background: #1e1e1e; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #383838; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .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: #81C784; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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(30, 30, 30, 0); + border-bottom-color: #1e1e1e; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #383838; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1e1e1e; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #383838; + } + .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: 1px solid #383838; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: #81C784; + 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: #6abd6e; + color: #212529; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #353535; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1e1e1e; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #383838; + } + + .p-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #383838; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #383838; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #383838; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + .p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #81C784; + border-style: dashed; + background-color: rgba(129, 199, 132, 0.16); + } + .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: #6abd6e; + color: #212529; + border-color: #6abd6e; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #54b358; + color: #212529; + border-color: #54b358; + } + + .p-breadcrumb { + background: #1e1e1e; + border: 1px solid #383838; + 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 1px #a7d8a9; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #383838; + 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 #a7d8a9; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #81C784; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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 #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + border-radius: 3px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #383838; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; + } + .p-slidemenu .p-menuitem-badge { + background: #81C784; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #383838; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #81C784; + 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 #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + 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 1px #a7d8a9; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1e1e1e; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1e1e1e; + border-color: #81C784; + color: #81C784; + } + .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: #1e1e1e; + color: #81C784; + 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 1px #a7d8a9; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #383838; + 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: 1px; + 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: 1px; + 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: 1px; + 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: 1px; + 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 1px #a7d8a9; + } + .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: none; + 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 1px #a7d8a9; + } + .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: #383838; + 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: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 1px #a7d8a9; + } + + .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: #383838; + 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 #1e1e1e; + } + + .p-badge { + background: #81C784; + 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: #c5e1a5; + color: #121212; + } + .p-badge.p-badge-info { + background-color: #81d4fa; + color: #121212; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #121212; + } + .p-badge.p-badge-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .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: #383838; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #81C784; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #81C784; + 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: #383838; + border-radius: 3px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #81C784; + } + .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(129, 199, 132, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(129, 199, 132, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #121212; + } + .p-tag.p-tag-info { + background-color: #81d4fa; + color: #121212; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #121212; + } + .p-tag.p-tag-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: #81C784; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #81C784; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #81C784; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #81C784; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #81C784; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/arya-orange/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-orange/theme.css b/booklore-ui/src/assets/layout/styles/theme/arya-orange/theme.css new file mode 100644 index 00000000..3c16ad5c --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/arya-orange/theme.css @@ -0,0 +1,6422 @@ +: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: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #FFD54F; + --primary-color-text: #212529; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #ffe284; + --highlight-bg: rgba(255, 213, 79, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + 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:#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:#fffdf6; + --primary-100:#fff5d5; + --primary-200:#ffedb3; + --primary-300:#ffe592; + --primary-400:#ffdd70; + --primary-500:#ffd54f; + --primary-600:#d9b543; + --primary-700:#b39537; + --primary-800:#8c752b; + --primary-900:#665520; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.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 #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFD54F; +} +.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: #FFD54F; +} +.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: #FFD54F; +} +.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: #FFD54F; +} + +@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.4; + } + + .p-error { + color: #ef9a9a; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #ffe284; + } + + .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: #FFD54F; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ef9a9a; + } + + .p-autocomplete-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + + .p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + 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: #FFD54F; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #FFD54F; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #383838; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #383838; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #383838; + 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: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #121212; + border: 1px solid #383838; + 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: #FFD54F; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-cascadeselect.p-variant-filled { + background-color: #383838; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #383838; + } + + .p-cascadeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: #383838; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #FFD54F; + background: #FFD54F; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #FFD54F; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #ffc50c; + background: #ffc50c; + color: #212529; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #FFD54F; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #FFD54F; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #FFD54F; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1e1e1e; + border: 1px solid #383838; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #121212; + border: 1px solid #383838; + 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: #FFD54F; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-dropdown.p-variant-filled { + background-color: #383838; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #383838; + } + + .p-dropdown-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #383838; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #383838; + } + .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: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #383838; + border-left: 1px solid #383838; + border-bottom: 1px solid #383838; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #383838; + } + + .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: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-inputmask.p-variant-filled { + background-color: #383838; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #383838; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: #383838; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #383838; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #383838; + } + + .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: #383838; + 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: rgba(255, 255, 255, 0.6); + 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 1px #ffe284; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #FFD54F; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #ffcd2e; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ef9a9a; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #121212; + padding: 0.5rem 0.5rem; + border: 1px solid #383838; + 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: #FFD54F; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; + } + .p-inputtext.p-variant-filled { + background-color: #383838; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #383838; + } + .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: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #383838; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #383838; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #383838; + } + + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; + } + + .p-multiselect { + background: #121212; + border: 1px solid #383838; + 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: #FFD54F; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-multiselect.p-variant-filled { + background: #383838; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #383838; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #383838; + } + + .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: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #383838; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; + } + + .p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #383838; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f48fb1; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + right: 2rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #FFD54F; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: #FFD54F; + background: #FFD54F; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #ffc50c; + background: #ffc50c; + color: #212529; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #383838; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #FFD54F; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffc50c; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #FFD54F; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffc50c; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #FFD54F; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #FFD54F; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #FFD54F; + border-color: #FFD54F; + 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: #ffcd2e; + border-color: #ffcd2e; + 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: #ef9a9a; + } + + .p-slider { + background: #383838; + 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: #383838; + border: 2px solid #FFD54F; + 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 1px #ffe284; + } + .p-slider .p-slider-range { + background: #FFD54F; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #FFD54F; + border-color: #FFD54F; + } + .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: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #FFD54F; + border-color: #FFD54F; + 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: #ffcd2e; + border-color: #ffcd2e; + 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: #ef9a9a; + } + + .p-treeselect { + background: #121212; + border: 1px solid #383838; + 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: #FFD54F; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-treeselect.p-variant-filled { + background-color: #383838; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #383838; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; + } + + .p-treeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #383838; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + 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: #ffcd2e; + color: #212529; + border-color: #ffcd2e; + } + .p-button:not(:disabled):active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #FFD54F; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #FFD54F; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: #FFD54F; + 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.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: #78909c; + border: 1px solid #78909c; + } + .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: #69838f; + color: #ffffff; + border-color: #69838f; + } + .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 1px #a1b1ba; + } + .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: #5d747f; + color: #ffffff; + border-color: #5d747f; + } + .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: #78909c; + 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(120, 144, 156, 0.04); + color: #78909c; + 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(120, 144, 156, 0.16); + color: #78909c; + 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: #78909c; + 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(120, 144, 156, 0.04); + border-color: transparent; + color: #78909c; + } + .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(120, 144, 156, 0.16); + border-color: transparent; + color: #78909c; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81d4fa; + border: 1px solid #81d4fa; + } + .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: #5dc8f9; + color: #121212; + border-color: #5dc8f9; + } + .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 1px #a7e1fc; + } + .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: #38bbf7; + color: #121212; + border-color: #38bbf7; + } + .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: #81d4fa; + 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(129, 212, 250, 0.04); + color: #81d4fa; + 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(129, 212, 250, 0.16); + color: #81d4fa; + 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: #81d4fa; + 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(129, 212, 250, 0.04); + border-color: transparent; + color: #81d4fa; + } + .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(129, 212, 250, 0.16); + border-color: transparent; + color: #81d4fa; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #c5e1a5; + border: 1px solid #c5e1a5; + } + .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: #b2d788; + color: #121212; + border-color: #b2d788; + } + .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 1px #d6eac0; + } + .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: #9fce6b; + color: #121212; + border-color: #9fce6b; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + color: #c5e1a5; + 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(197, 225, 165, 0.16); + color: #c5e1a5; + 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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #ffe082; + border: 1px solid #ffe082; + } + .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: #ffd65c; + color: #121212; + border-color: #ffd65c; + } + .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 1px #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: #ffcd35; + color: #121212; + border-color: #ffcd35; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .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: #c278ce; + color: #121212; + border-color: #c278ce; + } + .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 #ddb3e4; + } + .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: #b65ec5; + color: #121212; + border-color: #b65ec5; + } + .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: #121212; + background: #f48fb1; + border: 1px solid #f48fb1; + } + .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: #f16c98; + color: #121212; + border-color: #f16c98; + } + .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 1px #f7b1c8; + } + .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: #ed4980; + color: #121212; + border-color: #ed4980; + } + .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: #f48fb1; + 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, 143, 177, 0.04); + color: #f48fb1; + 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, 143, 177, 0.16); + color: #f48fb1; + 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: #f48fb1; + 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, 143, 177, 0.04); + border-color: transparent; + color: #f48fb1; + } + .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, 143, 177, 0.16); + border-color: transparent; + color: #f48fb1; + } + + .p-button.p-button-link { + color: #FFD54F; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #FFD54F; + 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 #ffe284; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #FFD54F; + 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 1px #ffe284; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; + } + + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .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: #383838; + 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: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #FFD54F; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFD54F; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #FFD54F; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #FFD54F; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #ffe284; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .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 #ffe284; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #FFD54F; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; + } + .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: #1e1e1e; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 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: #242424; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .p-column-filter-overlay { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 #ffe284; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 #383838; + } + .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: #1e1e1e; + border: 1px solid #383838; + 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 1px #ffe284; + border-color: #FFD54F; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #383838; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(207, 157, 0, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #383838; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #383838; + border-color: #383838; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #383838; + border-color: #383838; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + + .p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: solid #383838; + border-width: 1px; + 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: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + 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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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.286em; + } + .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.286em; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(255, 213, 79, 0.16); + border-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .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: #1e1e1e; + border: 1px solid #383838; + 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 1px #ffe284; + border-color: #FFD54F; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #383838; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #FFD54F; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1e1e1e; + } + .p-timeline .p-timeline-event-connector { + background-color: #383838; + } + .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 #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 #ffe284; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #FFD54F; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .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: #ffc50c; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(255, 197, 12, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #383838; + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-treetable .p-sortable-column { + outline-color: #ffe284; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #FFD54F; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFD54F; + } + .p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #FFD54F; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #ffe284; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #FFD54F; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-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: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 1px #ffe284; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 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: rgba(255, 255, 255, 0.6); + } + .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: #1e1e1e; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #383838; + } + .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 #383838; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + 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 1px #ffe284; + } + + .p-splitter { + border: 1px solid #383838; + background: #1e1e1e; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #383838; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-splitter .p-splitter-gutter-resizing { + background: #383838; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + 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 1px #ffe284; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #FFD54F; + color: #FFD54F; + } + .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: #1e1e1e; + color: #FFD54F; + 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 1px #ffe284; + } + .p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + 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 1px #ffe284; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 1px #ffe284; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #FFD54F; + } + .p-stepper .p-stepper-panels { + background: #1e1e1e; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #383838; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .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: #FFD54F; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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(30, 30, 30, 0); + border-bottom-color: #1e1e1e; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #383838; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1e1e1e; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #383838; + } + .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: 1px solid #383838; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: #FFD54F; + 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: #ffcd2e; + color: #212529; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #353535; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1e1e1e; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #383838; + } + + .p-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #383838; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #383838; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #383838; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + .p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #FFD54F; + border-style: dashed; + background-color: rgba(255, 213, 79, 0.16); + } + .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: #ffcd2e; + color: #212529; + border-color: #ffcd2e; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; + } + + .p-breadcrumb { + background: #1e1e1e; + border: 1px solid #383838; + 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 1px #ffe284; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #383838; + 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 #ffe284; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #FFD54F; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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 #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + border-radius: 3px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #383838; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; + } + .p-slidemenu .p-menuitem-badge { + background: #FFD54F; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #383838; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #FFD54F; + 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 #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + 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 1px #ffe284; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1e1e1e; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1e1e1e; + border-color: #FFD54F; + color: #FFD54F; + } + .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: #1e1e1e; + color: #FFD54F; + 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 1px #ffe284; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #383838; + 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: 1px; + 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: 1px; + 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: 1px; + 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: 1px; + 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 1px #ffe284; + } + .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: none; + 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 1px #ffe284; + } + .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: #383838; + 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: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 1px #ffe284; + } + + .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: #383838; + 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 #1e1e1e; + } + + .p-badge { + background: #FFD54F; + 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: #c5e1a5; + color: #121212; + } + .p-badge.p-badge-info { + background-color: #81d4fa; + color: #121212; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #121212; + } + .p-badge.p-badge-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .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: #383838; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #FFD54F; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #FFD54F; + 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: #383838; + border-radius: 3px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #FFD54F; + } + .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(255, 213, 79, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(255, 213, 79, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #121212; + } + .p-tag.p-tag-info { + background-color: #81d4fa; + color: #121212; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #121212; + } + .p-tag.p-tag-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: #FFD54F; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #FFD54F; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #FFD54F; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #FFD54F; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #FFD54F; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/arya-purple/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/arya-purple/theme.css b/booklore-ui/src/assets/layout/styles/theme/arya-purple/theme.css new file mode 100644 index 00000000..2ef8d21c --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/arya-purple/theme.css @@ -0,0 +1,6422 @@ +: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: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #BA68C8; + --primary-color-text: #ffffff; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #cf95d9; + --highlight-bg: rgba(186, 104, 200, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + 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:#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:#fcf7fc; + --primary-100:#eedbf2; + --primary-200:#e1bee7; + --primary-300:#d4a1dd; + --primary-400:#c785d2; + --primary-500:#ba68c8; + --primary-600:#9e58aa; + --primary-700:#82498c; + --primary-800:#66396e; + --primary-900:#4a2a50; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.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 #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #BA68C8; +} +.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: #BA68C8; +} +.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: #BA68C8; +} +.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: #BA68C8; +} + +@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.4; + } + + .p-error { + color: #ef9a9a; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #cf95d9; + } + + .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: #BA68C8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ef9a9a; + } + + .p-autocomplete-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + + .p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + 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: #BA68C8; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #BA68C8; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #383838; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #383838; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #383838; + 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: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #121212; + border: 1px solid #383838; + 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: #BA68C8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-cascadeselect.p-variant-filled { + background-color: #383838; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #383838; + } + + .p-cascadeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: #383838; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #BA68C8; + background: #BA68C8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #BA68C8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a241b2; + background: #a241b2; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #BA68C8; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #383838; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #BA68C8; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #BA68C8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1e1e1e; + border: 1px solid #383838; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #121212; + border: 1px solid #383838; + 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: #BA68C8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-dropdown.p-variant-filled { + background-color: #383838; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #383838; + } + + .p-dropdown-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #383838; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #383838; + } + .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: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #383838; + border-left: 1px solid #383838; + border-bottom: 1px solid #383838; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #383838; + } + + .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: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-inputmask.p-variant-filled { + background-color: #383838; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #383838; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: #383838; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #383838; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #383838; + } + + .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: #383838; + 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: rgba(255, 255, 255, 0.6); + 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 1px #cf95d9; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #BA68C8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #b052c0; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ef9a9a; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #121212; + padding: 0.5rem 0.5rem; + border: 1px solid #383838; + 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: #BA68C8; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; + } + .p-inputtext.p-variant-filled { + background-color: #383838; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #383838; + } + .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: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #383838; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #383838; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #383838; + } + + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; + } + + .p-multiselect { + background: #121212; + border: 1px solid #383838; + 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: #BA68C8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-multiselect.p-variant-filled { + background: #383838; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #383838; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #383838; + } + + .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: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #383838; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; + } + + .p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #383838; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f48fb1; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + right: 2rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #383838; + background: #121212; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #BA68C8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: #BA68C8; + background: #BA68C8; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a241b2; + background: #a241b2; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #383838; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #BA68C8; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a241b2; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #383838; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #BA68C8; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a241b2; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #BA68C8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #BA68C8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #BA68C8; + border-color: #BA68C8; + 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: #b052c0; + border-color: #b052c0; + 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: #ef9a9a; + } + + .p-slider { + background: #383838; + 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: #383838; + border: 2px solid #BA68C8; + 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 1px #cf95d9; + } + .p-slider .p-slider-range { + background: #BA68C8; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #BA68C8; + border-color: #BA68C8; + } + .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: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #BA68C8; + border-color: #BA68C8; + 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: #b052c0; + border-color: #b052c0; + 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: #ef9a9a; + } + + .p-treeselect { + background: #121212; + border: 1px solid #383838; + 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: #BA68C8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-treeselect.p-variant-filled { + background-color: #383838; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #383838; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #383838; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; + } + + .p-treeselect-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #383838; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #383838; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #383838; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + 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: #b052c0; + color: #ffffff; + border-color: #b052c0; + } + .p-button:not(:disabled):active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #BA68C8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #BA68C8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: #BA68C8; + 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.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: #78909c; + border: 1px solid #78909c; + } + .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: #69838f; + color: #ffffff; + border-color: #69838f; + } + .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 1px #a1b1ba; + } + .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: #5d747f; + color: #ffffff; + border-color: #5d747f; + } + .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: #78909c; + 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(120, 144, 156, 0.04); + color: #78909c; + 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(120, 144, 156, 0.16); + color: #78909c; + 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: #78909c; + 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(120, 144, 156, 0.04); + border-color: transparent; + color: #78909c; + } + .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(120, 144, 156, 0.16); + border-color: transparent; + color: #78909c; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81d4fa; + border: 1px solid #81d4fa; + } + .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: #5dc8f9; + color: #121212; + border-color: #5dc8f9; + } + .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 1px #a7e1fc; + } + .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: #38bbf7; + color: #121212; + border-color: #38bbf7; + } + .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: #81d4fa; + 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(129, 212, 250, 0.04); + color: #81d4fa; + 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(129, 212, 250, 0.16); + color: #81d4fa; + 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: #81d4fa; + 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(129, 212, 250, 0.04); + border-color: transparent; + color: #81d4fa; + } + .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(129, 212, 250, 0.16); + border-color: transparent; + color: #81d4fa; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #c5e1a5; + border: 1px solid #c5e1a5; + } + .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: #b2d788; + color: #121212; + border-color: #b2d788; + } + .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 1px #d6eac0; + } + .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: #9fce6b; + color: #121212; + border-color: #9fce6b; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + color: #c5e1a5; + 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(197, 225, 165, 0.16); + color: #c5e1a5; + 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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #ffe082; + border: 1px solid #ffe082; + } + .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: #ffd65c; + color: #121212; + border-color: #ffd65c; + } + .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 1px #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: #ffcd35; + color: #121212; + border-color: #ffcd35; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .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: #c278ce; + color: #121212; + border-color: #c278ce; + } + .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 #ddb3e4; + } + .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: #b65ec5; + color: #121212; + border-color: #b65ec5; + } + .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: #121212; + background: #f48fb1; + border: 1px solid #f48fb1; + } + .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: #f16c98; + color: #121212; + border-color: #f16c98; + } + .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 1px #f7b1c8; + } + .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: #ed4980; + color: #121212; + border-color: #ed4980; + } + .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: #f48fb1; + 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, 143, 177, 0.04); + color: #f48fb1; + 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, 143, 177, 0.16); + color: #f48fb1; + 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: #f48fb1; + 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, 143, 177, 0.04); + border-color: transparent; + color: #f48fb1; + } + .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, 143, 177, 0.16); + border-color: transparent; + color: #f48fb1; + } + + .p-button.p-button-link { + color: #BA68C8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #BA68C8; + 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 #cf95d9; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #BA68C8; + 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 1px #cf95d9; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; + } + + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .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: #383838; + 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: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #BA68C8; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #BA68C8; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #BA68C8; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #BA68C8; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #cf95d9; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .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 #cf95d9; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #BA68C8; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; + } + .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: #1e1e1e; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 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: #242424; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .p-column-filter-overlay { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 #cf95d9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 #383838; + } + .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: #1e1e1e; + border: 1px solid #383838; + 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 1px #cf95d9; + border-color: #BA68C8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #383838; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(117, 47, 129, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #383838; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #383838; + border-color: #383838; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #383838; + border-color: #383838; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + + .p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: solid #383838; + border-width: 1px; + 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: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + 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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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.286em; + } + .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.286em; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(186, 104, 200, 0.16); + border-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .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: #1e1e1e; + border: 1px solid #383838; + 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 1px #cf95d9; + border-color: #BA68C8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #383838; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #BA68C8; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1e1e1e; + } + .p-timeline .p-timeline-event-connector { + background-color: #383838; + } + .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 #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 #cf95d9; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #BA68C8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .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: #a241b2; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(162, 65, 178, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #383838; + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #383838; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-treetable .p-sortable-column { + outline-color: #cf95d9; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: #BA68C8; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #BA68C8; + } + .p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #383838; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #BA68C8; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #383838; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #cf95d9; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #BA68C8; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-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: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #383838; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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 #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 1px #cf95d9; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 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: rgba(255, 255, 255, 0.6); + } + .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: #1e1e1e; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #383838; + } + .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 #383838; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #383838; + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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 #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + 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 1px #cf95d9; + } + + .p-splitter { + border: 1px solid #383838; + background: #1e1e1e; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #383838; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-splitter .p-splitter-gutter-resizing { + background: #383838; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + 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 #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + 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 1px #cf95d9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #BA68C8; + color: #BA68C8; + } + .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: #1e1e1e; + color: #BA68C8; + 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 1px #cf95d9; + } + .p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + 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 1px #cf95d9; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 1px #cf95d9; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #BA68C8; + } + .p-stepper .p-stepper-panels { + background: #1e1e1e; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #383838; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .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: #BA68C8; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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(30, 30, 30, 0); + border-bottom-color: #1e1e1e; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #383838; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1e1e1e; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #383838; + } + .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: 1px solid #383838; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: #BA68C8; + 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: #b052c0; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(56, 56, 56, 0); + border-bottom-color: #353535; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1e1e1e; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #383838; + } + + .p-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #383838; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #383838; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #383838; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + .p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #BA68C8; + border-style: dashed; + background-color: rgba(186, 104, 200, 0.16); + } + .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: #b052c0; + color: #ffffff; + border-color: #b052c0; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; + } + + .p-breadcrumb { + background: #1e1e1e; + border: 1px solid #383838; + 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 1px #cf95d9; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #383838; + 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 #cf95d9; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + 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 #383838; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #BA68C8; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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 #383838; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + border-radius: 3px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); + 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: #383838; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #383838; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #383838; + 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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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 #383838; + 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; + } + .p-slidemenu .p-menuitem-badge { + background: #BA68C8; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #383838; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #BA68C8; + 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 #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + 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 1px #cf95d9; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1e1e1e; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1e1e1e; + border-color: #BA68C8; + color: #BA68C8; + } + .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: #1e1e1e; + color: #BA68C8; + 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 1px #cf95d9; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + border-radius: 3px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #383838; + 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: 1px; + 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: 1px; + 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: 1px; + 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: 1px; + 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 1px #cf95d9; + } + .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: none; + 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 1px #cf95d9; + } + .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: #383838; + 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: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 1px #cf95d9; + } + + .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: #383838; + 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 #1e1e1e; + } + + .p-badge { + background: #BA68C8; + 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: #c5e1a5; + color: #121212; + } + .p-badge.p-badge-info { + background-color: #81d4fa; + color: #121212; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #121212; + } + .p-badge.p-badge-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #383838; + color: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .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: #383838; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #BA68C8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #BA68C8; + 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: #383838; + border-radius: 3px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #BA68C8; + } + .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(186, 104, 200, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(186, 104, 200, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #121212; + } + .p-tag.p-tag-info { + background-color: #81d4fa; + color: #121212; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #121212; + } + .p-tag.p-tag-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #383838; + 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: #BA68C8; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #BA68C8; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #BA68C8; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #BA68C8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #BA68C8; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/theme.css new file mode 100644 index 00000000..e138753b --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-amber/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #fbbf24; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(251, 191, 36, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fffcf4; + --primary-100:#fef0ca; + --primary-200:#fde3a1; + --primary-300:#fdd777; + --primary-400:#fccb4e; + --primary-500:#fbbf24; + --primary-600:#d5a21f; + --primary-700:#b08619; + --primary-800:#8a6914; + --primary-900:#644c0e; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #fbbf24; +} +.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: #fbbf24; +} +.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: #fbbf24; +} +.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: #fbbf24; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #fbbf24; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #fbbf24; + background: #fbbf24; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #fcd34d; + background: #fcd34d; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #fbbf24; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #fcd34d; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #fbbf24; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #fcd34d; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #fbbf24; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #fcd34d; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #fbbf24; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #fbbf24; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #fcd34d; + background: #020617; + color: #fcd34d; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #fbbf24; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #fbbf24; + border: 1px solid #fbbf24; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #fcd34d; + color: #020617; + border-color: #fcd34d; + } + .p-button:not(:disabled):active { + background: #fde68a; + color: #020617; + border-color: #fde68a; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #fbbf24; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #fbbf24; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #fbbf24; + 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: #fbbf24; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #fbbf24; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(157, 114, 3, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(251, 191, 36, 0.16); + border-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #fbbf24; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #fcd34d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(225, 164, 4, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #fbbf24; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #fcd34d; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #fbbf24; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #fbbf24; + } + .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: #18181b; + color: #fbbf24; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #fbbf24; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #fbbf24; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #fbbf24; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #fcd34d; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #fbbf24; + border-style: dashed; + background-color: rgba(251, 191, 36, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #fcd34d; + color: #020617; + border-color: #fcd34d; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fde68a; + color: #020617; + border-color: #fde68a; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #fbbf24; + } + .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: #18181b; + color: #fbbf24; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #fbbf24; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #fbbf24; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #fbbf24; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(251, 191, 36, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(251, 191, 36, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #fbbf24; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #fbbf24; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #fddf92; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #fbbf24; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #fbbf24; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #fbbf24; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #fbbf24; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #fbbf24; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #fbbf24; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #fbbf24; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(251, 191, 36, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/theme.css new file mode 100644 index 00000000..eccc7b3f --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-blue/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #60a5fa; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(96, 165, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f7fbff; + --primary-100:#d9e9fe; + --primary-200:#bbd8fd; + --primary-300:#9cc7fc; + --primary-400:#7eb6fb; + --primary-500:#60a5fa; + --primary-600:#528cd5; + --primary-700:#4374af; + --primary-800:#355b8a; + --primary-900:#264264; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #60a5fa; +} +.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: #60a5fa; +} +.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: #60a5fa; +} +.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: #60a5fa; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #60a5fa; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #60a5fa; + background: #60a5fa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #93c5fd; + background: #93c5fd; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #93c5fd; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #93c5fd; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #60a5fa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #93c5fd; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #60a5fa; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #60a5fa; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #93c5fd; + background: #020617; + color: #93c5fd; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #60a5fa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #60a5fa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #60a5fa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #60a5fa; + border: 1px solid #60a5fa; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #93c5fd; + color: #020617; + border-color: #93c5fd; + } + .p-button:not(:disabled):active { + background: #bfdbfe; + color: #020617; + border-color: #bfdbfe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #60a5fa; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #60a5fa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #60a5fa; + 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: #60a5fa; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(96, 165, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #60a5fa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(7, 99, 212, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(96, 165, 250, 0.16); + border-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #93c5fd; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(29, 127, 248, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #93c5fd; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #60a5fa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #60a5fa; + } + .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: #18181b; + color: #60a5fa; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #60a5fa; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #60a5fa; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #60a5fa; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #93c5fd; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #60a5fa; + border-style: dashed; + background-color: rgba(96, 165, 250, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #93c5fd; + color: #020617; + border-color: #93c5fd; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #bfdbfe; + color: #020617; + border-color: #bfdbfe; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #60a5fa; + } + .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: #18181b; + color: #60a5fa; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #60a5fa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #60a5fa; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #60a5fa; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(96, 165, 250, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(96, 165, 250, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #60a5fa; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #60a5fa; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #60a5fa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #60a5fa; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #60a5fa; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #60a5fa; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #b0d2fd; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #60a5fa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #60a5fa; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #60a5fa; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #60a5fa; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #60a5fa; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #60a5fa; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #60a5fa; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(96, 165, 250, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/theme.css new file mode 100644 index 00000000..138c4688 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-cyan/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #22d3ee; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(34, 211, 238, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f4fdfe; + --primary-100:#caf4fb; + --primary-200:#a0ecf8; + --primary-300:#76e4f4; + --primary-400:#4cdbf1; + --primary-500:#22d3ee; + --primary-600:#1db3ca; + --primary-700:#1894a7; + --primary-800:#137483; + --primary-900:#0e545f; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #22d3ee; +} +.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: #22d3ee; +} +.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: #22d3ee; +} +.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: #22d3ee; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #22d3ee; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #22d3ee; + background: #22d3ee; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #67e8f9; + background: #67e8f9; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #22d3ee; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #67e8f9; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #22d3ee; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #67e8f9; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #22d3ee; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #67e8f9; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #22d3ee; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #22d3ee; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #67e8f9; + background: #020617; + color: #67e8f9; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #22d3ee; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #22d3ee; + border: 1px solid #22d3ee; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #67e8f9; + color: #020617; + border-color: #67e8f9; + } + .p-button:not(:disabled):active { + background: #a5f3fc; + color: #020617; + border-color: #a5f3fc; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #22d3ee; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #22d3ee; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #22d3ee; + 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: #22d3ee; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #22d3ee; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(10, 118, 134, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(34, 211, 238, 0.16); + border-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #22d3ee; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #67e8f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(16, 177, 202, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #22d3ee; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #67e8f9; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #22d3ee; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #22d3ee; + } + .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: #18181b; + color: #22d3ee; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #22d3ee; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #22d3ee; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #22d3ee; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #67e8f9; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #22d3ee; + border-style: dashed; + background-color: rgba(34, 211, 238, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #67e8f9; + color: #020617; + border-color: #67e8f9; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a5f3fc; + color: #020617; + border-color: #a5f3fc; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #22d3ee; + } + .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: #18181b; + color: #22d3ee; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #22d3ee; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #22d3ee; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #22d3ee; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(34, 211, 238, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(34, 211, 238, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #22d3ee; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #22d3ee; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #91e9f7; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #22d3ee; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #22d3ee; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #22d3ee; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #22d3ee; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #22d3ee; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #22d3ee; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #22d3ee; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(34, 211, 238, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/theme.css new file mode 100644 index 00000000..a82efae8 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-green/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #34d399; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(52, 211, 153, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f5fdfa; + --primary-100:#cef4e7; + --primary-200:#a8ecd3; + --primary-300:#81e4c0; + --primary-400:#5bdbac; + --primary-500:#34d399; + --primary-600:#2cb382; + --primary-700:#24946b; + --primary-800:#1d7454; + --primary-900:#15543d; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #34d399; +} +.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: #34d399; +} +.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: #34d399; +} +.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: #34d399; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #34d399; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #34d399; + background: #34d399; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #6ee7b7; + background: #6ee7b7; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #34d399; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #6ee7b7; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #34d399; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #6ee7b7; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #34d399; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6ee7b7; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #34d399; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #34d399; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #6ee7b7; + background: #020617; + color: #6ee7b7; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #34d399; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #34d399; + border: 1px solid #34d399; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #6ee7b7; + color: #020617; + border-color: #6ee7b7; + } + .p-button:not(:disabled):active { + background: #a7f3d0; + color: #020617; + border-color: #a7f3d0; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #34d399; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #34d399; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #34d399; + 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: #34d399; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #34d399; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(24, 111, 80, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(52, 211, 153, 0.16); + border-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #34d399; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #6ee7b7; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(37, 173, 124, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #34d399; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #6ee7b7; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #34d399; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #34d399; + } + .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: #18181b; + color: #34d399; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #34d399; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #34d399; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #34d399; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #6ee7b7; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #34d399; + border-style: dashed; + background-color: rgba(52, 211, 153, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #6ee7b7; + color: #020617; + border-color: #6ee7b7; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a7f3d0; + color: #020617; + border-color: #a7f3d0; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #34d399; + } + .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: #18181b; + color: #34d399; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #34d399; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #34d399; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #34d399; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(52, 211, 153, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(52, 211, 153, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #34d399; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #34d399; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #34d399; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #34d399; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #34d399; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #34d399; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #9ae9cc; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #34d399; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #34d399; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #34d399; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #34d399; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #34d399; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #34d399; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #34d399; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(52, 211, 153, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/theme.css new file mode 100644 index 00000000..6144f457 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-indigo/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #818cf8; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(129, 140, 248, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f9f9ff; + --primary-100:#e1e3fd; + --primary-200:#c9cefc; + --primary-300:#b1b8fb; + --primary-400:#99a2f9; + --primary-500:#818cf8; + --primary-600:#6e77d3; + --primary-700:#5a62ae; + --primary-800:#474d88; + --primary-900:#343863; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #818cf8; +} +.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: #818cf8; +} +.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: #818cf8; +} +.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: #818cf8; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #818cf8; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #818cf8; + background: #818cf8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a5b4fc; + background: #a5b4fc; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a5b4fc; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a5b4fc; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #818cf8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #a5b4fc; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #818cf8; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #818cf8; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a5b4fc; + background: #020617; + color: #a5b4fc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #818cf8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #818cf8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #818cf8; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #818cf8; + border: 1px solid #818cf8; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #a5b4fc; + color: #020617; + border-color: #a5b4fc; + } + .p-button:not(:disabled):active { + background: #c7d2fe; + color: #020617; + border-color: #c7d2fe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #818cf8; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #818cf8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #818cf8; + 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: #818cf8; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(129, 140, 248, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(129, 140, 248, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #818cf8; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(13, 34, 236, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(129, 140, 248, 0.16); + border-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #a5b4fc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(58, 75, 244, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #a5b4fc; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #818cf8; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #818cf8; + } + .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: #18181b; + color: #818cf8; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #818cf8; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #818cf8; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #818cf8; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #a5b4fc; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #818cf8; + border-style: dashed; + background-color: rgba(129, 140, 248, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #a5b4fc; + color: #020617; + border-color: #a5b4fc; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #c7d2fe; + color: #020617; + border-color: #c7d2fe; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #818cf8; + } + .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: #18181b; + color: #818cf8; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #818cf8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #818cf8; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #818cf8; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(129, 140, 248, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(129, 140, 248, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #818cf8; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #818cf8; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #818cf8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #818cf8; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #818cf8; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #818cf8; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #c0c6fc; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #818cf8; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #818cf8; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #818cf8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #818cf8; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #818cf8; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #818cf8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #818cf8; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(129, 140, 248, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/theme.css new file mode 100644 index 00000000..6a77b9ff --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-lime/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #a3e635; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(163, 230, 53, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fafef5; + --primary-100:#e9f9cf; + --primary-200:#d7f4a8; + --primary-300:#c6f082; + --primary-400:#b4eb5b; + --primary-500:#a3e635; + --primary-600:#8bc42d; + --primary-700:#72a125; + --primary-800:#5a7f1d; + --primary-900:#415c15; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #a3e635; +} +.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: #a3e635; +} +.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: #a3e635; +} +.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: #a3e635; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #a3e635; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #a3e635; + background: #a3e635; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #bef264; + background: #bef264; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #a3e635; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #bef264; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #a3e635; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #bef264; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #a3e635; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #bef264; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #a3e635; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #a3e635; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #bef264; + background: #020617; + color: #bef264; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #a3e635; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #a3e635; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #a3e635; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #a3e635; + border: 1px solid #a3e635; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #bef264; + color: #020617; + border-color: #bef264; + } + .p-button:not(:disabled):active { + background: #d9f99d; + color: #020617; + border-color: #d9f99d; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #a3e635; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a3e635; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #a3e635; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #a3e635; + 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: #a3e635; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(163, 230, 53, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(163, 230, 53, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #a3e635; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(92, 138, 17, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(163, 230, 53, 0.16); + border-color: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #a3e635; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #bef264; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(135, 201, 25, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #a3e635; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #bef264; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #a3e635; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #a3e635; + } + .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: #18181b; + color: #a3e635; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #a3e635; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #a3e635; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #a3e635; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #bef264; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #a3e635; + border-style: dashed; + background-color: rgba(163, 230, 53, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #bef264; + color: #020617; + border-color: #bef264; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #d9f99d; + color: #020617; + border-color: #d9f99d; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #a3e635; + } + .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: #18181b; + color: #a3e635; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #a3e635; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #a3e635; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #a3e635; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(163, 230, 53, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(163, 230, 53, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #a3e635; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #a3e635; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #a3e635; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #a3e635; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #a3e635; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #a3e635; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #d1f39a; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #a3e635; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #a3e635; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #a3e635; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #a3e635; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #a3e635; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #a3e635; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #a3e635; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(163, 230, 53, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/theme.css new file mode 100644 index 00000000..26c50ad7 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-noir/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #fafafa; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(250, 250, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:white; + --primary-100:#fefefe; + --primary-200:#fdfdfd; + --primary-300:#fcfcfc; + --primary-400:#fbfbfb; + --primary-500:#fafafa; + --primary-600:#d5d5d5; + --primary-700:#afafaf; + --primary-800:#8a8a8a; + --primary-900:#646464; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #fafafa; +} +.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: #fafafa; +} +.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: #fafafa; +} +.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: #fafafa; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #fafafa; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #fafafa; + background: #fafafa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #f4f4f5; + background: #f4f4f5; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #fafafa; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #f4f4f5; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #fafafa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #f4f4f5; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #fafafa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #f4f4f5; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #fafafa; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #fafafa; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #f4f4f5; + background: #020617; + color: #f4f4f5; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #fafafa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #fafafa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #fafafa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #fafafa; + border: 1px solid #fafafa; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #020617; + border-color: #f4f4f5; + } + .p-button:not(:disabled):active { + background: #e4e4e7; + color: #020617; + border-color: #e4e4e7; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #fafafa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #fafafa; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #fafafa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #fafafa; + 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: #fafafa; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(250, 250, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(250, 250, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #fafafa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(186, 186, 186, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(250, 250, 250, 0.16); + border-color: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #fafafa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #f4f4f5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(200, 200, 200, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #fafafa; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #f4f4f5; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #fafafa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #fafafa; + } + .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: #18181b; + color: #fafafa; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #fafafa; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #fafafa; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #fafafa; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #f4f4f5; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #fafafa; + border-style: dashed; + background-color: rgba(250, 250, 250, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #f4f4f5; + color: #020617; + border-color: #f4f4f5; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #e4e4e7; + color: #020617; + border-color: #e4e4e7; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #fafafa; + } + .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: #18181b; + color: #fafafa; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #fafafa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #fafafa; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #fafafa; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(250, 250, 250, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(250, 250, 250, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #fafafa; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #fafafa; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fafafa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fafafa; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #fafafa; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #fafafa; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #fdfdfd; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #fafafa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #fafafa; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #fafafa; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #fafafa; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #fafafa; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #fafafa; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #fafafa; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(250, 250, 250, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/theme.css new file mode 100644 index 00000000..40149d41 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-pink/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #f472b6; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(244, 114, 182, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fef8fb; + --primary-100:#fcdded; + --primary-200:#fac2e0; + --primary-300:#f8a8d2; + --primary-400:#f68dc4; + --primary-500:#f472b6; + --primary-600:#cf619b; + --primary-700:#ab507f; + --primary-800:#863f64; + --primary-900:#622e49; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #f472b6; +} +.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: #f472b6; +} +.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: #f472b6; +} +.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: #f472b6; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #f472b6; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #f472b6; + background: #f472b6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #f9a8d4; + background: #f9a8d4; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #f472b6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #f9a8d4; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f472b6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #f9a8d4; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f472b6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #f9a8d4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #f472b6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #f472b6; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #f9a8d4; + background: #020617; + color: #f9a8d4; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #f472b6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #f472b6; + border: 1px solid #f472b6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #f9a8d4; + color: #020617; + border-color: #f9a8d4; + } + .p-button:not(:disabled):active { + background: #fbcfe8; + color: #020617; + border-color: #fbcfe8; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f472b6; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #f472b6; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #f472b6; + 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: #f472b6; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #f472b6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(214, 17, 120, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(244, 114, 182, 0.16); + border-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #f472b6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #f9a8d4; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(239, 48, 148, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #f472b6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #f9a8d4; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #f472b6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #f472b6; + } + .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: #18181b; + color: #f472b6; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #f472b6; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #f472b6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f472b6; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #f9a8d4; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f472b6; + border-style: dashed; + background-color: rgba(244, 114, 182, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #f9a8d4; + color: #020617; + border-color: #f9a8d4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fbcfe8; + color: #020617; + border-color: #fbcfe8; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #f472b6; + } + .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: #18181b; + color: #f472b6; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #f472b6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #f472b6; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f472b6; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(244, 114, 182, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(244, 114, 182, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #f472b6; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f472b6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f472b6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #f472b6; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #fab9db; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #f472b6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #f472b6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #f472b6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #f472b6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #f472b6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #f472b6; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #f472b6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(244, 114, 182, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/theme.css new file mode 100644 index 00000000..fba22d97 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-purple/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #a78bfa; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(167, 139, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fbf9ff; + --primary-100:#eae3fe; + --primary-200:#d9cdfd; + --primary-300:#c8b7fc; + --primary-400:#b8a1fb; + --primary-500:#a78bfa; + --primary-600:#8e76d5; + --primary-700:#7561af; + --primary-800:#5c4c8a; + --primary-900:#433864; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #a78bfa; +} +.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: #a78bfa; +} +.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: #a78bfa; +} +.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: #a78bfa; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #a78bfa; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #a78bfa; + background: #a78bfa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #c4b5fd; + background: #c4b5fd; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #c4b5fd; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #c4b5fd; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #a78bfa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #c4b5fd; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #a78bfa; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #a78bfa; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #c4b5fd; + background: #020617; + color: #c4b5fd; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #a78bfa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #a78bfa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #a78bfa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #a78bfa; + border: 1px solid #a78bfa; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #c4b5fd; + color: #020617; + border-color: #c4b5fd; + } + .p-button:not(:disabled):active { + background: #ddd6fe; + color: #020617; + border-color: #ddd6fe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a78bfa; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #a78bfa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #a78bfa; + 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: #a78bfa; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(167, 139, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(167, 139, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #a78bfa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(74, 17, 245, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(167, 139, 250, 0.16); + border-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #c4b5fd; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(110, 64, 247, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #c4b5fd; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #a78bfa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #a78bfa; + } + .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: #18181b; + color: #a78bfa; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #a78bfa; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #a78bfa; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #a78bfa; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #c4b5fd; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #a78bfa; + border-style: dashed; + background-color: rgba(167, 139, 250, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #c4b5fd; + color: #020617; + border-color: #c4b5fd; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #ddd6fe; + color: #020617; + border-color: #ddd6fe; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #a78bfa; + } + .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: #18181b; + color: #a78bfa; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #a78bfa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #a78bfa; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #a78bfa; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(167, 139, 250, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(167, 139, 250, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #a78bfa; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #a78bfa; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #a78bfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #a78bfa; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #a78bfa; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #a78bfa; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #d3c5fd; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #a78bfa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #a78bfa; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #a78bfa; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #a78bfa; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #a78bfa; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #a78bfa; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #a78bfa; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(167, 139, 250, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/theme.css new file mode 100644 index 00000000..1aa244bb --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-dark-teal/theme.css @@ -0,0 +1,7894 @@ +: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"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #2dd4bf; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(45, 212, 191, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f5fdfc; + --primary-100:#cdf5f0; + --primary-200:#a5ede3; + --primary-300:#7de4d7; + --primary-400:#55dccb; + --primary-500:#2dd4bf; + --primary-600:#26b4a2; + --primary-700:#209486; + --primary-800:#197569; + --primary-900:#12554c; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.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.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + 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: #2dd4bf; +} +.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: #2dd4bf; +} +.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: #2dd4bf; +} +.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: #2dd4bf; +} + +@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: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + 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: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 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.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #2dd4bf; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + 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: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 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.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #2dd4bf; + background: #2dd4bf; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #5eead4; + background: #5eead4; + color: #020617; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #5eead4; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #5eead4; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + 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.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: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 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.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #27272a; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #27272a; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #2dd4bf; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #5eead4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #27272a; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 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.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + 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: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #27272a; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #27272a; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 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.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .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.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #2dd4bf; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #2dd4bf; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #5eead4; + background: #020617; + color: #5eead4; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #2dd4bf; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #2dd4bf; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #2dd4bf; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + 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: #09090b; + border-color: #09090b; + 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: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #27272a; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #27272a; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #2dd4bf; + border: 1px solid #2dd4bf; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #5eead4; + color: #020617; + border-color: #5eead4; + } + .p-button:not(:disabled):active { + background: #99f6e4; + color: #020617; + border-color: #99f6e4; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #2dd4bf; + background-color: #020617; + } + .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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .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: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .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: none; + } + .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: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: #27272a; + 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(39, 39, 42, 0.04); + color: #27272a; + 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(39, 39, 42, 0.16); + color: #27272a; + 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: #27272a; + 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(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .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(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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: none; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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: none; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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: none; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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: none; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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: none; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #2dd4bf; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #2dd4bf; + 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: #2dd4bf; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + 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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(45, 212, 191, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(45, 212, 191, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #2dd4bf; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + 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: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .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.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(22, 107, 97, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + 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: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(45, 212, 191, 0.16); + border-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + 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.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .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 #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .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-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .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: #5eead4; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + 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.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .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: rgba(35, 171, 154, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + 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.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #5eead4; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + 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: #2dd4bf; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .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.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + 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: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .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 #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + 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: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #2dd4bf; + } + .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: #18181b; + color: #2dd4bf; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + border-width: 2px; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #ffffff; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ffffff; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #2dd4bf; + } + .p-stepper .p-stepper-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #ffffff; + } + .p-stepper .p-stepper-separator { + background-color: #3f3f46; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #18181b; + color: #ffffff; + } + .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: #2dd4bf; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #2dd4bf; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #5eead4; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #2dd4bf; + border-style: dashed; + background-color: rgba(45, 212, 191, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #5eead4; + color: #020617; + border-color: #5eead4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #99f6e4; + color: #020617; + border-color: #99f6e4; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 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.08); + } + .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.03); + } + .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: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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.03); + } + .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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + 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.03); + } + .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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 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.08); + } + .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.03); + } + .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.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + 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: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + 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: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 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.08); + } + .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.03); + } + .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: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 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.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #2dd4bf; + } + .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: #18181b; + color: #2dd4bf; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 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.08); + } + .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.03); + } + .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 #3f3f46; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-icon { + color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close { + color: #d4d4d8; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-message.p-message-contrast .p-message-icon { + color: #09090b; + } + .p-message.p-message-contrast .p-message-close { + color: #09090b; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .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: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .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: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .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: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #27272a; + border: solid #3f3f46; + border-width: 1px; + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #d4d4d8; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #f4f4f5; + border-width: 1px; + color: #09090b; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #09090b; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .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: #3f3f46; + 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 #18181b; + } + + .p-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #09090b; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #2dd4bf; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #2dd4bf; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #2dd4bf; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .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: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #09090b; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(45, 212, 191, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(45, 212, 191, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #2dd4bf; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #2dd4bf; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #2dd4bf; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #2dd4bf; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #2dd4bf; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .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 .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #2dd4bf; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #96eadf; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #2dd4bf; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #2dd4bf; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #2dd4bf; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #2dd4bf; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #2dd4bf; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #2dd4bf; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #2dd4bf; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #27272a; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #71717a; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(45, 212, 191, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } + .p-treeselect .p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/theme.css new file mode 100644 index 00000000..10dd0c93 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-amber/theme.css @@ -0,0 +1,7895 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #f59e0b; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fffbeb; + --highlight-text-color: #b45309; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fffaf3; + --primary-100:#fde8c4; + --primary-200:#fbd596; + --primary-300:#f9c368; + --primary-400:#f7b039; + --primary-500:#f59e0b; + --primary-600:#d08609; + --primary-700:#ac6f08; + --primary-800:#875706; + --primary-900:#623f04; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #f59e0b; +} +.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: #f59e0b; +} +.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: #f59e0b; +} +.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: #f59e0b; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #b45309; + background: #fffbeb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #f59e0b; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #b45309; + background: #fffbeb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #f59e0b; + background: #f59e0b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #d97706; + background: #d97706; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #f59e0b; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #d97706; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f59e0b; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #d97706; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #b45309; + background: #fffbeb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f59e0b; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #d97706; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #b45309; + background: #fffbeb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #f59e0b; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #f59e0b; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #d97706; + background: #ffffff; + color: #d97706; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #f59e0b; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #f59e0b; + border: 1px solid #f59e0b; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-button:not(:disabled):active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f59e0b; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #d97706; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #d97706; + 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: #d97706; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + + .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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fffbeb; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fffbeb; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #f59e0b; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #b45309; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fffbeb; + color: #b45309; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #b45309; + background: #fffbeb; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ffe26c; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fffbeb; + border-color: #fffbeb; + color: #b45309; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #f59e0b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #d97706; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .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: #b45309; + } + .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: #b45309; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #ffe789; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fffbeb; + color: #b45309; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #b45309; + } + .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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #f59e0b; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #d97706; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #b45309; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #f59e0b; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #f59e0b; + } + .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: #f59e0b; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #fffbeb; + color: #b45309; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #f59e0b; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #f59e0b; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f59e0b; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #d97706; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f59e0b; + border-style: dashed; + background-color: #fffbeb; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fffbeb; + color: #b45309; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #f59e0b; + } + .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: #f59e0b; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + .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: #fffbeb; + color: #b45309; + } + .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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #f59e0b; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #f59e0b; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f59e0b; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #f59e0b; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f59e0b; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f59e0b; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #fff1ba; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #fff1ba; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #fff1ba; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #fff1ba; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #fffbeb; + color: #b45309; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #f59e0b; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #facf85; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #f59e0b; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #f59e0b; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #f59e0b; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #f59e0b; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #f59e0b; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #f59e0b; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #f59e0b; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #fffbeb; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/theme.css new file mode 100644 index 00000000..a26566df --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-blue/theme.css @@ -0,0 +1,7895 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #3B82F6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #EFF6FF; + --highlight-text-color: #1D4ED8; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f5f9ff; + --primary-100:#d0e1fd; + --primary-200:#abc9fb; + --primary-300:#85b2f9; + --primary-400:#609af8; + --primary-500:#3b82f6; + --primary-600:#326fd1; + --primary-700:#295bac; + --primary-800:#204887; + --primary-900:#183462; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #3B82F6; +} +.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: #3B82F6; +} +.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: #3B82F6; +} +.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: #3B82F6; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #1D4ED8; + background: #EFF6FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #3B82F6; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #1D4ED8; + background: #EFF6FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #3B82F6; + background: #3B82F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #2563eb; + background: #2563eb; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2563eb; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2563eb; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #1D4ED8; + background: #EFF6FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #3B82F6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #2563eb; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #1D4ED8; + background: #EFF6FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #3B82F6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #3B82F6; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #2563eb; + background: #ffffff; + color: #2563eb; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #3B82F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #3B82F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #3B82F6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .p-button:not(:disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #3B82F6; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #2563eb; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #2563eb; + 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: #2563eb; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; + } + + .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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #1D4ED8; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EFF6FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EFF6FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #3B82F6; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #1D4ED8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #1D4ED8; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EFF6FF; + color: #1D4ED8; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #1D4ED8; + background: #EFF6FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #70aeff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EFF6FF; + border-color: #EFF6FF; + color: #1D4ED8; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #2563eb; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .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: #1D4ED8; + } + .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: #1D4ED8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #8cbeff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EFF6FF; + color: #1D4ED8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #1D4ED8; + } + .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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #2563eb; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #1D4ED8; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #3B82F6; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #3B82F6; + } + .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: #3B82F6; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #EFF6FF; + color: #1D4ED8; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #3B82F6; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #3B82F6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #3B82F6; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #2563eb; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #3B82F6; + border-style: dashed; + background-color: #EFF6FF; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EFF6FF; + color: #1D4ED8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #3B82F6; + } + .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: #3B82F6; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; + } + .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: #EFF6FF; + color: #1D4ED8; + } + .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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #3B82F6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #3B82F6; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3B82F6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #3B82F6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #3B82F6; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #3B82F6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #3B82F6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bedaff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #bedaff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bedaff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #bedaff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #EFF6FF; + color: #1D4ED8; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #3B82F6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #3B82F6; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #9dc1fb; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #3B82F6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #3B82F6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #3B82F6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #3B82F6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #3B82F6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #3B82F6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #3B82F6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #EFF6FF; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/theme.css new file mode 100644 index 00000000..89f95a18 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-cyan/theme.css @@ -0,0 +1,7895 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #06b6d4; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #ecfeff; + --highlight-text-color: #0e7490; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f3fbfd; + --primary-100:#c3edf5; + --primary-200:#94e0ed; + --primary-300:#65d2e4; + --primary-400:#35c4dc; + --primary-500:#06b6d4; + --primary-600:#059bb4; + --primary-700:#047f94; + --primary-800:#036475; + --primary-900:#024955; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #06b6d4; +} +.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: #06b6d4; +} +.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: #06b6d4; +} +.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: #06b6d4; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0e7490; + background: #ecfeff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #06b6d4; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0e7490; + background: #ecfeff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #06b6d4; + background: #06b6d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0891b2; + background: #0891b2; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #06b6d4; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0891b2; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #06b6d4; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0891b2; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0e7490; + background: #ecfeff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #06b6d4; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0891b2; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0e7490; + background: #ecfeff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #06b6d4; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #06b6d4; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0891b2; + background: #ffffff; + color: #0891b2; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #06b6d4; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #06b6d4; + border: 1px solid #06b6d4; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-button:not(:disabled):active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #06b6d4; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #0891b2; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0891b2; + 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: #0891b2; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + + .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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ecfeff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ecfeff; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #06b6d4; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0e7490; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #ecfeff; + color: #0e7490; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0e7490; + background: #ecfeff; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6df7ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #ecfeff; + border-color: #ecfeff; + color: #0e7490; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #06b6d4; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #0891b2; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .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: #0e7490; + } + .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: #0e7490; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #8af9ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #ecfeff; + color: #0e7490; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0e7490; + } + .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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #06b6d4; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #0891b2; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0e7490; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #06b6d4; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #06b6d4; + } + .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: #06b6d4; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ecfeff; + color: #0e7490; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #06b6d4; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #06b6d4; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #06b6d4; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0891b2; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #06b6d4; + border-style: dashed; + background-color: #ecfeff; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ecfeff; + color: #0e7490; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #06b6d4; + } + .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: #06b6d4; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + .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: #ecfeff; + color: #0e7490; + } + .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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #06b6d4; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #06b6d4; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #06b6d4; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #06b6d4; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #06b6d4; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #06b6d4; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bbfbff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #bbfbff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bbfbff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #bbfbff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #ecfeff; + color: #0e7490; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #06b6d4; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #71e7fb; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #06b6d4; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #06b6d4; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #06b6d4; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #06b6d4; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #06b6d4; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #06b6d4; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #06b6d4; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #ecfeff; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-green/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/theme.css new file mode 100644 index 00000000..7ffc535a --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-green/theme.css @@ -0,0 +1,7895 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #10b981; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #ecfdf5; + --highlight-text-color: #047857; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f3fcf9; + --primary-100:#c6eee1; + --primary-200:#98e1c9; + --primary-300:#6bd4b1; + --primary-400:#3dc699; + --primary-500:#10b981; + --primary-600:#0e9d6e; + --primary-700:#0b825a; + --primary-800:#096647; + --primary-900:#064a34; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #10b981; +} +.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: #10b981; +} +.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: #10b981; +} +.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: #10b981; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #047857; + background: #ecfdf5; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #10b981; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #047857; + background: #ecfdf5; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #10b981; + background: #10b981; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #059669; + background: #059669; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #10b981; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #059669; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #10b981; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #059669; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #047857; + background: #ecfdf5; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #10b981; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #059669; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #047857; + background: #ecfdf5; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #10b981; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #10b981; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #059669; + background: #ffffff; + color: #059669; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #10b981; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #10b981; + border: 1px solid #10b981; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .p-button:not(:disabled):active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #10b981; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #059669; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #059669; + 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: #059669; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ecfdf5; + color: #047857; + } + + .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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #047857; + background: #ecfdf5; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #ecfdf5; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ecfdf5; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ecfdf5; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #10b981; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #047857; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #ecfdf5; + color: #047857; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #047857; + background: #ecfdf5; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #79f1b8; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #ecfdf5; + border-color: #ecfdf5; + color: #047857; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #10b981; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #059669; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #ecfdf5; + color: #047857; + } + .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: #047857; + } + .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: #047857; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #94f4c6; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #ecfdf5; + color: #047857; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #047857; + } + .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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #047857; + background: #ecfdf5; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #10b981; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #059669; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #047857; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #10b981; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #10b981; + } + .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: #10b981; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ecfdf5; + color: #047857; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #10b981; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #10b981; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #10b981; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #059669; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #10b981; + border-style: dashed; + background-color: #ecfdf5; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ecfdf5; + color: #047857; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #10b981; + } + .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: #10b981; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfdf5; + color: #047857; + } + .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: #ecfdf5; + color: #047857; + } + .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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #10b981; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #10b981; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #10b981; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #10b981; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #10b981; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #10b981; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #10b981; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c0f8de; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #c0f8de; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c0f8de; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #c0f8de; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #ecfdf5; + color: #047857; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #10b981; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #10b981; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #71f3c8; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #10b981; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #10b981; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #10b981; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #10b981; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #10b981; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #10b981; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #10b981; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #ecfdf5; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/theme.css new file mode 100644 index 00000000..7b7dbcfc --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-indigo/theme.css @@ -0,0 +1,7895 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #6366F1; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #EEF2FF; + --highlight-text-color: #4338CA; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f7f7fe; + --primary-100:#dadafc; + --primary-200:#bcbdf9; + --primary-300:#9ea0f6; + --primary-400:#8183f4; + --primary-500:#6366f1; + --primary-600:#5457cd; + --primary-700:#4547a9; + --primary-800:#363885; + --primary-900:#282960; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #6366F1; +} +.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: #6366F1; +} +.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: #6366F1; +} +.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: #6366F1; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4338CA; + background: #EEF2FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #6366F1; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4338CA; + background: #EEF2FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #6366F1; + background: #6366F1; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #4F46E5; + background: #4F46E5; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4F46E5; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4F46E5; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4338CA; + background: #EEF2FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #6366F1; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #4F46E5; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4338CA; + background: #EEF2FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #6366F1; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #6366F1; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #4F46E5; + background: #ffffff; + color: #4F46E5; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #6366F1; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #6366F1; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #6366F1; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #6366F1; + border: 1px solid #6366F1; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; + } + .p-button:not(:disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #6366F1; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #4F46E5; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #4F46E5; + 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: #4F46E5; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; + } + + .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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4338CA; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EEF2FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EEF2FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #6366F1; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #4338CA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #4338CA; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EEF2FF; + color: #4338CA; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4338CA; + background: #EEF2FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6f91ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EEF2FF; + border-color: #EEF2FF; + color: #4338CA; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #4F46E5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .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: #4338CA; + } + .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: #4338CA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #8ba7ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EEF2FF; + color: #4338CA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4338CA; + } + .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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #4F46E5; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #4338CA; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #6366F1; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #6366F1; + } + .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: #6366F1; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #EEF2FF; + color: #4338CA; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #6366F1; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #6366F1; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #6366F1; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #4F46E5; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #6366F1; + border-style: dashed; + background-color: #EEF2FF; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EEF2FF; + color: #4338CA; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #6366F1; + } + .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: #6366F1; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; + } + .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: #EEF2FF; + color: #4338CA; + } + .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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #6366F1; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #6366F1; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #6366F1; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #6366F1; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #6366F1; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #6366F1; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #6366F1; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bdccff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #bdccff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bdccff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #bdccff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #EEF2FF; + color: #4338CA; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #6366F1; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #6366F1; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #b1b3f8; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #6366F1; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #6366F1; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #6366F1; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #6366F1; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #6366F1; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #6366F1; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #6366F1; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #EEF2FF; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/theme.css new file mode 100644 index 00000000..afd0574d --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-lime/theme.css @@ -0,0 +1,7895 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #84cc16; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #f7fee7; + --highlight-text-color: #4d7c0f; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f9fcf3; + --primary-100:#e1f3c7; + --primary-200:#cae99b; + --primary-300:#b3df6f; + --primary-400:#9bd642; + --primary-500:#84cc16; + --primary-600:#70ad13; + --primary-700:#5c8f0f; + --primary-800:#49700c; + --primary-900:#355209; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #84cc16; +} +.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: #84cc16; +} +.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: #84cc16; +} +.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: #84cc16; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4d7c0f; + background: #f7fee7; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #84cc16; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4d7c0f; + background: #f7fee7; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #84cc16; + background: #84cc16; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #65a30d; + background: #65a30d; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #84cc16; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #65a30d; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #84cc16; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #65a30d; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4d7c0f; + background: #f7fee7; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #84cc16; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #65a30d; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4d7c0f; + background: #f7fee7; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #84cc16; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #84cc16; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #65a30d; + background: #ffffff; + color: #65a30d; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #84cc16; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #84cc16; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #84cc16; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #84cc16; + border: 1px solid #84cc16; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #65a30d; + color: #ffffff; + border-color: #65a30d; + } + .p-button:not(:disabled):active { + background: #4d7c0f; + color: #ffffff; + border-color: #4d7c0f; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #84cc16; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #84cc16; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #84cc16; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #65a30d; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #65a30d; + 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: #65a30d; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #f7fee7; + color: #4d7c0f; + } + + .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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4d7c0f; + background: #f7fee7; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4d7c0f; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4d7c0f; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f7fee7; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f7fee7; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #84cc16; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #4d7c0f; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #4d7c0f; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #f7fee7; + color: #4d7c0f; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #4d7c0f; + background: #f7fee7; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #cef96d; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #f7fee7; + border-color: #f7fee7; + color: #4d7c0f; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #84cc16; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #65a30d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .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: #4d7c0f; + } + .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: #4d7c0f; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #d8fa8a; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #f7fee7; + color: #4d7c0f; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4d7c0f; + } + .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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4d7c0f; + background: #f7fee7; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4d7c0f; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #84cc16; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #65a30d; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #4d7c0f; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #4d7c0f; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #84cc16; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #84cc16; + } + .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: #84cc16; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #f7fee7; + color: #4d7c0f; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #84cc16; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #84cc16; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #84cc16; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #65a30d; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #84cc16; + border-style: dashed; + background-color: #f7fee7; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #65a30d; + color: #ffffff; + border-color: #65a30d; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #4d7c0f; + color: #ffffff; + border-color: #4d7c0f; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .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: #4d7c0f; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .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: #4d7c0f; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .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: #4d7c0f; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .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: #4d7c0f; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .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: #4d7c0f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .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: #4d7c0f; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f7fee7; + color: #4d7c0f; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #84cc16; + } + .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: #84cc16; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .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: #4d7c0f; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f7fee7; + color: #4d7c0f; + } + .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: #f7fee7; + color: #4d7c0f; + } + .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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #84cc16; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #84cc16; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #84cc16; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #84cc16; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #84cc16; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #84cc16; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #84cc16; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #e7fcb8; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #e7fcb8; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #e7fcb8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #e7fcb8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #f7fee7; + color: #4d7c0f; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #84cc16; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #84cc16; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #c4f17f; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #84cc16; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #84cc16; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #84cc16; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #84cc16; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #84cc16; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #84cc16; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #84cc16; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #f7fee7; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/theme.css new file mode 100644 index 00000000..aeac8a0c --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-noir/theme.css @@ -0,0 +1,7903 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #020617; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #020617; + --highlight-text-color: #ffffff; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f2f3f3; + --primary-100:#c2c3c7; + --primary-200:#92949b; + --primary-300:#62656f; + --primary-400:#323543; + --primary-500:#020617; + --primary-600:#020514; + --primary-700:#010410; + --primary-800:#01030d; + --primary-900:#010209; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #020617; +} +.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: #020617; +} +.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: #020617; +} +.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: #020617; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #020617; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #334155; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #020617; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #020617; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #334155; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #020617; + background: #020617; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0f172a; + background: #0f172a; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #020617; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0f172a; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #020617; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0f172a; + } + + .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: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #020617; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #334155; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0f172a; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #020617; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #334155; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #020617; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #334155; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #020617; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0f172a; + background: #ffffff; + color: #0f172a; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #020617; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #020617; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ffffff; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #020617; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #0f172a; + color: #ffffff; + border-color: #0f172a; + } + .p-button:not(:disabled):active { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #020617; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #0f172a; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0f172a; + 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: #0f172a; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #020617; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #ffffff; + background: #020617; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #020617; + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #020617; + 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: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #020617; + color: #ffffff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #020617; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #020617; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #020617; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #020617; + 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.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #020617; + color: #ffffff; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #020617; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #334155; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #020617; + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: black; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #020617; + border-color: #020617; + color: #ffffff; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #334155; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #020617; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #0f172a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #020617; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #020512; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #020617; + 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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #ffffff; + background: #020617; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #020617; + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #020617; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #0f172a; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #020617; + 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: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #020617; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #020617; + } + .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: #020617; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #020617; + color: #ffffff; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #020617; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #020617; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #020617; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0f172a; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #020617; + border-style: dashed; + background-color: #020617; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0f172a; + color: #ffffff; + border-color: #0f172a; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #020617; + color: #ffffff; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #020617; + } + .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: #020617; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #020617; + 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: #020617; + 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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #020617; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #020617; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #020617; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #020617; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #020617; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #020617; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #020617; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #020515; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #020515; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #020515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #020515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #020617; + color: #ffffff; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #020617; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #020617; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #2047ec; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #020617; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #020617; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #020617; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #020617; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #020617; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #020617; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #020617; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/theme.css new file mode 100644 index 00000000..511fe51f --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-pink/theme.css @@ -0,0 +1,7895 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #ec4899; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fdf2f8; + --highlight-text-color: #be185d; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fef6fa; + --primary-100:#fad3e7; + --primary-200:#f7b0d3; + --primary-300:#f38ec0; + --primary-400:#f06bac; + --primary-500:#ec4899; + --primary-600:#c93d82; + --primary-700:#a5326b; + --primary-800:#822854; + --primary-900:#5e1d3d; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #ec4899; +} +.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: #ec4899; +} +.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: #ec4899; +} +.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: #ec4899; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #be185d; + background: #fdf2f8; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #ec4899; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #be185d; + background: #fdf2f8; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #ec4899; + background: #ec4899; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #db2777; + background: #db2777; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #ec4899; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #db2777; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #ec4899; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #db2777; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #be185d; + background: #fdf2f8; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #ec4899; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #db2777; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #be185d; + background: #fdf2f8; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #ec4899; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #ec4899; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #db2777; + background: #ffffff; + color: #db2777; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #ec4899; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #ec4899; + border: 1px solid #ec4899; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-button:not(:disabled):active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #ec4899; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #db2777; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #db2777; + 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: #db2777; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + + .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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fdf2f8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fdf2f8; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #ec4899; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #be185d; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fdf2f8; + color: #be185d; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #be185d; + background: #fdf2f8; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ec84bd; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fdf2f8; + border-color: #fdf2f8; + color: #be185d; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #ec4899; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #db2777; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .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: #be185d; + } + .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: #be185d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #f09cca; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fdf2f8; + color: #be185d; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #be185d; + } + .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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #ec4899; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #db2777; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #be185d; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #ec4899; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #ec4899; + } + .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: #ec4899; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #fdf2f8; + color: #be185d; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #ec4899; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #ec4899; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #ec4899; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #db2777; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #ec4899; + border-style: dashed; + background-color: #fdf2f8; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fdf2f8; + color: #be185d; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #ec4899; + } + .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: #ec4899; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + .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: #fdf2f8; + color: #be185d; + } + .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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #ec4899; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #ec4899; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #ec4899; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #ec4899; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ec4899; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ec4899; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #f6c7e1; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #f6c7e1; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #f6c7e1; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #f6c7e1; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #fdf2f8; + color: #be185d; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #ec4899; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #f6a4cc; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #ec4899; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ec4899; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #ec4899; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #ec4899; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #ec4899; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #ec4899; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #ec4899; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #fdf2f8; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/theme.css new file mode 100644 index 00000000..f4fea129 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-purple/theme.css @@ -0,0 +1,7895 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #8B5CF6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #F5F3FF; + --highlight-text-color: #6D28D9; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f9f7ff; + --primary-100:#e3d8fd; + --primary-200:#cdb9fb; + --primary-300:#b79af9; + --primary-400:#a17bf8; + --primary-500:#8b5cf6; + --primary-600:#764ed1; + --primary-700:#6140ac; + --primary-800:#4c3387; + --primary-900:#382562; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #8B5CF6; +} +.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: #8B5CF6; +} +.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: #8B5CF6; +} +.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: #8B5CF6; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #6D28D9; + background: #F5F3FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #8B5CF6; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #6D28D9; + background: #F5F3FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #8B5CF6; + background: #8B5CF6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #7C3AED; + background: #7C3AED; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #7C3AED; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #7C3AED; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #6D28D9; + background: #F5F3FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #8B5CF6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #7C3AED; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #6D28D9; + background: #F5F3FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #8B5CF6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #8B5CF6; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #7C3AED; + background: #ffffff; + color: #7C3AED; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #8B5CF6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #8B5CF6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #8B5CF6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #8B5CF6; + border: 1px solid #8B5CF6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; + } + .p-button:not(:disabled):active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #8B5CF6; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #7C3AED; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #7C3AED; + 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: #7C3AED; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; + } + + .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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #6D28D9; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F5F3FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F5F3FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #8B5CF6; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #6D28D9; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #6D28D9; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #F5F3FF; + color: #6D28D9; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #6D28D9; + background: #F5F3FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #8b74ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F5F3FF; + border-color: #F5F3FF; + color: #6D28D9; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #7C3AED; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .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: #6D28D9; + } + .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: #6D28D9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #a28fff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #F5F3FF; + color: #6D28D9; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #6D28D9; + } + .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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #7C3AED; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #6D28D9; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #8B5CF6; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #8B5CF6; + } + .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: #8B5CF6; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #F5F3FF; + color: #6D28D9; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #8B5CF6; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #8B5CF6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #8B5CF6; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #7C3AED; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #8B5CF6; + border-style: dashed; + background-color: #F5F3FF; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #F5F3FF; + color: #6D28D9; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #8B5CF6; + } + .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: #8B5CF6; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; + } + .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: #F5F3FF; + color: #6D28D9; + } + .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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #8B5CF6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #8B5CF6; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #8B5CF6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #8B5CF6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #8B5CF6; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #8B5CF6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #8B5CF6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #ccc1ff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #ccc1ff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #ccc1ff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #ccc1ff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #F5F3FF; + color: #6D28D9; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #8B5CF6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #8B5CF6; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #c5aefb; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #8B5CF6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #8B5CF6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #8B5CF6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #8B5CF6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #8B5CF6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #8B5CF6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #8B5CF6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #F5F3FF; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/theme.css b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/theme.css new file mode 100644 index 00000000..26d7a0c3 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/aura-light-teal/theme.css @@ -0,0 +1,7895 @@ +: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"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #14b8a6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #f0fdfa; + --highlight-text-color: #0f766e; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f3fbfb; + --primary-100:#c7eeea; + --primary-200:#9ae0d9; + --primary-300:#6dd3c8; + --primary-400:#41c5b7; + --primary-500:#14b8a6; + --primary-600:#119c8d; + --primary-700:#0e8174; + --primary-800:#0b655b; + --primary-900:#084a42; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.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 #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + 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: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #14b8a6; +} +.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: #14b8a6; +} +.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: #14b8a6; +} +.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: #14b8a6; +} + +@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: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + 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: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0f766e; + background: #f0fdfa; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #14b8a6; + } + .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 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .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.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + 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: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + .p-cascadeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0f766e; + background: #f0fdfa; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .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: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #14b8a6; + background: #14b8a6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0d9488; + background: #0d9488; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0d9488; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0d9488; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .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: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + .p-dropdown.p-variant-filled { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0f766e; + background: #f0fdfa; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .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.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f8fafc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f8fafc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #14b8a6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0d9488; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-variant-filled { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + 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: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f8fafc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0f766e; + background: #f0fdfa; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .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.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #14b8a6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #14b8a6; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0d9488; + background: #ffffff; + color: #0d9488; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f8fafc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #14b8a6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #14b8a6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #14b8a6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f8fafc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #14b8a6; + border: 1px solid #14b8a6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #0d9488; + color: #ffffff; + border-color: #0d9488; + } + .p-button:not(:disabled):active { + background: #0f766e; + color: #ffffff; + border-color: #0f766e; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #14b8a6; + 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.5rem; + 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.5rem; + } + .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.5rem; + } + .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: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .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: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .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: none; + } + .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: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: #f1f5f9; + 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(241, 245, 249, 0.04); + color: #f1f5f9; + 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(241, 245, 249, 0.16); + color: #f1f5f9; + 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: #f1f5f9; + 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(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .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(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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: none; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: none; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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: none; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: none; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: none; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + + .p-button.p-button-link { + color: #0d9488; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0d9488; + 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: #0d9488; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .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: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #f0fdfa; + color: #0f766e; + } + + .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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0f766e; + background: #f0fdfa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0f766e; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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 var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f0fdfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f0fdfa; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #14b8a6; + } + .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: #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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0f766e; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0f766e; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 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: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + 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: 0 1.125rem 1.125rem 1.125rem; + } + + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #f0fdfa; + color: #0f766e; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .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: #0f766e; + background: #f0fdfa; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .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 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #80eed5; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + 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: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .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.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #f0fdfa; + border-color: #f0fdfa; + color: #0f766e; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .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 #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .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: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .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: #0d9488; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .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: #0f766e; + } + .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: #0f766e; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .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: #99f1dd; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #f0fdfa; + color: #0f766e; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0f766e; + } + .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: #475569; + 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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0f766e; + background: #f0fdfa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #334155; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #0d9488; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0f766e; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #14b8a6; + } + .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.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 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 #e2e8f0; + } + .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 #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + 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: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #14b8a6; + } + .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: #14b8a6; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #334155; + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #f0fdfa; + color: #0f766e; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #334155; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #14b8a6; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + color: #334155; + } + .p-stepper .p-stepper-separator { + background-color: #e2e8f0; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #334155; + } + .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: #14b8a6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .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(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .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: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .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: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #14b8a6; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0d9488; + 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(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #14b8a6; + border-style: dashed; + background-color: #f0fdfa; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0d9488; + color: #ffffff; + border-color: #0d9488; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0f766e; + color: #ffffff; + border-color: #0f766e; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + 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: #94a3b8; + 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: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .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: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + 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: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .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: #334155; + } + .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: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .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 #e2e8f0; + margin: 2px 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.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + 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: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + 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: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f0fdfa; + color: #0f766e; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #14b8a6; + } + .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: #14b8a6; + width: 2.5rem; + 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .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: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + 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-message.p-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-message.p-message-secondary .p-message-icon { + color: #475569; + } + .p-message.p-message-secondary .p-message-close { + color: #475569; + } + .p-message.p-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-icon { + color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close { + color: #f8fafc; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .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: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .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.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .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: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .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: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .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: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #f1f5f9; + border: solid #e2e8f0; + border-width: 1px; + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #475569; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #020617; + border: solid #64748b; + border-width: 1px; + color: #f8fafc; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #f8fafc; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f0fdfa; + color: #0f766e; + } + .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: #f0fdfa; + color: #0f766e; + } + .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: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 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: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + 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: #e2e8f0; + 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 #ffffff; + } + + .p-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-contrast { + background-color: #020617; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .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: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #14b8a6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #14b8a6; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #14b8a6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-tag.p-tag-contrast { + background-color: #020617; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline-offset: -2px; + } + .p-accordion p-accordiontab .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion p-accordiontab:last-of-type .p-accordion-tab { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #14b8a6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox .p-checkbox-box.p-focus { + outline-offset: 2px; + } + .p-checkbox .p-checkbox-box.p-focus.p-highlight { + border-color: #14b8a6; + } + .p-checkbox.p-checkbox-disabled { + opacity: 1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-checkbox-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #14b8a6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #14b8a6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c5f7ec; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #c5f7ec; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c5f7ec; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #c5f7ec; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #f0fdfa; + color: #0f766e; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #14b8a6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + .p-listbox .p-listbox-header:has(.p-checkbox) { + padding: 0.5rem 1rem 0 1rem; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled .p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .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-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + .p-orderlist .p-orderlist-filter-container { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-filter-container { + border: 0; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton .p-radiobutton-box.p-focus { + outline-offset: 2px; + } + .p-radiobutton .p-radiobutton-box.p-focus.p-highlight { + border-color: #14b8a6; + } + .p-radiobutton.p-radiobutton-disabled { + opacity: 1; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-radiobutton-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #75f0e3; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + height: 100%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #14b8a6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #14b8a6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #14b8a6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #14b8a6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #14b8a6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabmenu .p-tabmenu-nav-container .p-tabmenu-nav-btn { + outline: 0 none; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #14b8a6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + 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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #14b8a6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton.p-button { + padding: 0.25rem; + } + .p-togglebutton.p-button .p-button-label { + padding: 0.25rem 0.5rem; + } + .p-togglebutton.p-button .p-button-icon { + padding: 0.35rem 0.25rem; + } + .p-togglebutton.p-button .p-button-label, +.p-togglebutton.p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton.p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-highlight .p-button-label { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-icon { + margin-right: 0; + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), -2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton.p-highlight:has(.p-button-icon) .p-button-label { + background: #ffffff; + box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.02), 2px 2px 2px 0px rgba(0, 0, 0, 0.04); + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-icon { + margin-right: 0; + border: none; + border-radius: 4px 0px 0px 4px; + } + .p-togglebutton:has(:not(.p-highlight)):has(.p-button-icon) .p-button-label { + border-radius: 0px 4px 4px 0px; + } + .p-togglebutton.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #f0fdfa; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-label-container .p-treeselect-token { + border-radius: 4px; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css new file mode 100644 index 00000000..ad16b6f5 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/bootstrap4-dark-blue/theme.css @@ -0,0 +1,6465 @@ +: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: #2a323d; + --surface-b: #20262e; + --surface-c: rgba(255, 255, 255, 0.04); + --surface-d: #3f4b5b; + --surface-e: #2a323d; + --surface-f: #2a323d; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #8dd0ff; + --primary-color-text: #151515; + --surface-0: #20262e; + --surface-50: #363c43; + --surface-100: #4d5158; + --surface-200: #63676d; + --surface-300: #797d82; + --surface-400: #909397; + --surface-500: #a6a8ab; + --surface-600: #bcbec0; + --surface-700: #d2d4d5; + --surface-800: #e9e9ea; + --surface-900: #ffffff; + --gray-50: #e9e9ea; + --gray-100: #d2d4d5; + --gray-200: #bcbec0; + --gray-300: #a6a8ab; + --gray-400: #909397; + --gray-500: #797d82; + --gray-600: #63676d; + --gray-700: #4d5158; + --gray-800: #363c43; + --gray-900: #20262e; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #20262e; + --surface-section: #20262e; + --surface-card: #2a323d; + --surface-overlay: #2a323d; + --surface-border: #3f4b5b; + --surface-hover: rgba(255, 255, 255, 0.04); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #e3f3fe; + --highlight-bg: #8dd0ff; + --highlight-text-color: #151515; + color-scheme: dark; +} + +:root { + --blue-50:#f3f8ff; + --blue-100:#c5dcff; + --blue-200:#97c1fe; + --blue-300:#69a5fe; + --blue-400:#3b8afd; + --blue-500:#0d6efd; + --blue-600:#0b5ed7; + --blue-700:#094db1; + --blue-800:#073d8b; + --blue-900:#052c65; + --green-50:#f4f9f6; + --green-100:#c8e2d6; + --green-200:#9ccbb5; + --green-300:#70b595; + --green-400:#459e74; + --green-500:#198754; + --green-600:#157347; + --green-700:#125f3b; + --green-800:#0e4a2e; + --green-900:#0a3622; + --yellow-50:#fffcf3; + --yellow-100:#fff0c3; + --yellow-200:#ffe494; + --yellow-300:#ffd965; + --yellow-400:#ffcd36; + --yellow-500:#ffc107; + --yellow-600:#d9a406; + --yellow-700:#b38705; + --yellow-800:#8c6a04; + --yellow-900:#664d03; + --cyan-50:#f3fcfe; + --cyan-100:#c5f2fb; + --cyan-200:#97e8f9; + --cyan-300:#69def6; + --cyan-400:#3bd4f3; + --cyan-500:#0dcaf0; + --cyan-600:#0baccc; + --cyan-700:#098da8; + --cyan-800:#076f84; + --cyan-900:#055160; + --pink-50:#fdf5f9; + --pink-100:#f5cee1; + --pink-200:#eda7ca; + --pink-300:#e681b3; + --pink-400:#de5a9b; + --pink-500:#d63384; + --pink-600:#b62b70; + --pink-700:#96245c; + --pink-800:#761c49; + --pink-900:#561435; + --indigo-50:#f7f3fe; + --indigo-100:#dac6fc; + --indigo-200:#bd98f9; + --indigo-300:#a06bf7; + --indigo-400:#833df4; + --indigo-500:#6610f2; + --indigo-600:#570ece; + --indigo-700:#470ba9; + --indigo-800:#380985; + --indigo-900:#290661; + --teal-50:#f4fcfa; + --teal-100:#c9f2e6; + --teal-200:#9fe8d2; + --teal-300:#75debf; + --teal-400:#4ad3ab; + --teal-500:#20c997; + --teal-600:#1bab80; + --teal-700:#168d6a; + --teal-800:#126f53; + --teal-900:#0d503c; + --orange-50:#fff9f3; + --orange-100:#ffe0c7; + --orange-200:#fec89a; + --orange-300:#feaf6d; + --orange-400:#fd9741; + --orange-500:#fd7e14; + --orange-600:#d76b11; + --orange-700:#b1580e; + --orange-800:#8b450b; + --orange-900:#653208; + --bluegray-50:#f8f9fb; + --bluegray-100:#e0e4ea; + --bluegray-200:#c7ced9; + --bluegray-300:#aeb9c8; + --bluegray-400:#95a3b8; + --bluegray-500:#7c8ea7; + --bluegray-600:#69798e; + --bluegray-700:#576375; + --bluegray-800:#444e5c; + --bluegray-900:#323943; + --purple-50:#f8f6fc; + --purple-100:#dcd2f0; + --purple-200:#c1aee4; + --purple-300:#a68ad9; + --purple-400:#8a66cd; + --purple-500:#6f42c1; + --purple-600:#5e38a4; + --purple-700:#4e2e87; + --purple-800:#3d246a; + --purple-900:#2c1a4d; + --red-50:#fdf5f6; + --red-100:#f7cfd2; + --red-200:#f0a8af; + --red-300:#e9828c; + --red-400:#e35b68; + --red-500:#dc3545; + --red-600:#bb2d3b; + --red-700:#9a2530; + --red-800:#791d26; + --red-900:#58151c; + --primary-50:#f9fdff; + --primary-100:#e4f4ff; + --primary-200:#ceebff; + --primary-300:#b8e2ff; + --primary-400:#a3d9ff; + --primary-500:#8dd0ff; + --primary-600:#78b1d9; + --primary-700:#6392b3; + --primary-800:#4e728c; + --primary-900:#385366; +} + +.p-editor-container .p-editor-toolbar { + background: #2a323d; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.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 #3f4b5b; +} +.p-editor-container .p-editor-content .ql-editor { + background: #20262e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #8dd0ff; +} +.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: #8dd0ff; +} +.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: #8dd0ff; +} +.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: #8dd0ff; +} + +@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.15s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.65; + } + + .p-error { + color: #f19ea6; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #e3f3fe; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.107rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #3f4b5b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + 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: #4c5866; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f19ea6; + } + + .p-autocomplete-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #8dd0ff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #64bfff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f19ea6; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.107rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f19ea6; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + + .p-datepicker { + padding: 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2a323d; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #3f4b5b; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .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: rgba(255, 255, 255, 0.87); + transition: color 0.15s, box-shadow 0.15s; + 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: #8dd0ff; + } + .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: box-shadow 0.15s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #151515; + background: #8dd0ff; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #8dd0ff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #151515; + background: #8dd0ff; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #3f4b5b; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f4b5b; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .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.15s; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #151515; + background: #8dd0ff; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #151515; + background: #8dd0ff; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f4b5b; + padding-right: 0; + padding-left: 0; + 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.04); + } + .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 1px #e3f3fe; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .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 1px #e3f3fe; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .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 1px #e3f3fe; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.107rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #3f4b5b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f19ea6; + } + .p-cascadeselect.p-variant-filled { + background-color: #3f4b5b; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + + .p-cascadeselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #8dd0ff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #64bfff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #3f4b5b; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f19ea6; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #3f4b5b; + background: #20262e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.15s; + color: #151515; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #8dd0ff; + background: #8dd0ff; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #3f4b5b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #1dadff; + background: #1dadff; + color: #151515; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #3f4b5b; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #8dd0ff; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #1dadff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f19ea6; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #3f4b5b; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #8dd0ff; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #1dadff; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-highlight .p-checkbox .p-checkbox-box { + border-color: #151515; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f19ea6; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #3f4b5b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #4c5866; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f19ea6; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #2a323d; + border: 1px solid #3f4b5b; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .p-colorpicker-overlay-panel { + box-shadow: none; + } + + .p-dropdown { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #3f4b5b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f19ea6; + } + .p-dropdown.p-variant-filled { + background-color: #3f4b5b; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + + .p-dropdown-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #8dd0ff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #64bfff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #3f4b5b; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + .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: #f19ea6; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #3f4b5b; + border-left: 1px solid #3f4b5b; + border-bottom: 1px solid #3f4b5b; + padding: 0.5rem 0.75rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f4b5b; + } + + .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.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f19ea6; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #3f4b5b; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f19ea6; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.107rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.107rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #3f4b5b; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #3f4b5b; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #3f4b5b; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 4px; + transition-duration: 0.15s; + } + .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 1px #e3f3fe; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #3f4b5b; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #8dd0ff; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #151515; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #8dd0ff; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f19ea6; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #20262e; + padding: 0.5rem 0.75rem; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: #3f4b5b; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f19ea6; + } + .p-inputtext.p-variant-filled { + background-color: #3f4b5b; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.15s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f19ea6; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #3f4b5b; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #3f4b5b; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #3f4b5b; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.5rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + 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: #151515; + background: #8dd0ff; + } + .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: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #64bfff; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f19ea6; + } + + .p-multiselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #3f4b5b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: #3f4b5b; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #8dd0ff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #64bfff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #3f4b5b; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f19ea6; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f19ea6; + } + + .p-password-panel { + padding: 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f4b5b; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f19ea6; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #9fdaa8; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f4b5b; + background: #20262e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #3f4b5b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.15s; + background-color: #151515; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #8dd0ff; + background: #8dd0ff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #1dadff; + background: #1dadff; + color: #151515; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #3f4b5b; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #8dd0ff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #1dadff; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f19ea6; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #3f4b5b; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #8dd0ff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #1dadff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-highlight .p-radiobutton .p-radiobutton-box { + border-color: #151515; + } + + .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: rgba(255, 255, 255, 0.87); + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + 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: #f19ea6; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #8dd0ff; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #8dd0ff; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f19ea6; + } + + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #151515; + } + + .p-selectbutton .p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + 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: #545b62; + border-color: #4e555b; + 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: #f19ea6; + } + + .p-slider { + background: #3f4b5b; + 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: #8dd0ff; + border: 2px solid #8dd0ff; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-slider .p-slider-range { + background: #8dd0ff; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #56bdff; + border-color: #56bdff; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.15s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.15s; + } + + .p-togglebutton.p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + 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: #545b62; + border-color: #4e555b; + 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: #f19ea6; + } + + .p-treeselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #3f4b5b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: #3f4b5b; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f19ea6; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .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 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #3f4b5b; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #151515; + background: #8dd0ff; + border: 1px solid #8dd0ff; + padding: 0.5rem 0.75rem; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #56bdff; + color: #151515; + border-color: #56bdff; + } + .p-button:not(:disabled):active { + background: #1dadff; + color: #151515; + border-color: #1dadff; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #8dd0ff; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(141, 208, 255, 0.04); + color: #8dd0ff; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(141, 208, 255, 0.16); + color: #8dd0ff; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #8dd0ff; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(141, 208, 255, 0.04); + color: #8dd0ff; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(141, 208, 255, 0.16); + color: #8dd0ff; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-button .p-button-label { + transition-duration: 0.15s; + } + .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: #8dd0ff; + background-color: #151515; + } + .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.65625rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.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: #6c757d; + border: 1px solid #6c757d; + } + .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: #5a6268; + color: #ffffff; + border-color: #5a6268; + } + .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 1px rgba(130, 138, 145, 0.5); + } + .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: #545b62; + color: #ffffff; + border-color: #4e555b; + } + .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: #6c757d; + 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(108, 117, 125, 0.04); + color: #6c757d; + 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(108, 117, 125, 0.16); + color: #6c757d; + 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: #6c757d; + 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(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; + } + .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(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #151515; + background: #7fd8e6; + border: 1px solid #4cc8db; + } + .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: #4cc8db; + color: #151515; + border-color: #26bdd3; + } + .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 1px #b1e8f0; + } + .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: #26bdd3; + color: #151515; + border-color: #00b2cc; + } + .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: #7fd8e6; + 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(127, 216, 230, 0.04); + color: #7fd8e6; + 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(127, 216, 230, 0.16); + color: #7fd8e6; + 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: #7fd8e6; + 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(127, 216, 230, 0.04); + border-color: transparent; + color: #7fd8e6; + } + .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(127, 216, 230, 0.16); + border-color: transparent; + color: #7fd8e6; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #151515; + background: #9fdaa8; + border: 1px solid #78cc86; + } + .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: #78cc86; + color: #151515; + border-color: #5ac06c; + } + .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 1px #c5e8ca; + } + .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: #5ac06c; + color: #151515; + border-color: #3cb553; + } + .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: #9fdaa8; + 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(159, 218, 168, 0.04); + color: #9fdaa8; + 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(159, 218, 168, 0.16); + color: #9fdaa8; + 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: #9fdaa8; + 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(159, 218, 168, 0.04); + border-color: transparent; + color: #9fdaa8; + } + .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(159, 218, 168, 0.16); + border-color: transparent; + color: #9fdaa8; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #151515; + background: #ffe082; + border: 1px solid #ffd54f; + } + .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: #ffd54f; + color: #151515; + border-color: #ffca28; + } + .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 1px #ffecb3; + } + .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: #ffca28; + color: #151515; + border-color: #ffc107; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #151515; + background: #b7a2e0; + border: 1px solid #9a7cd4; + } + .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: #9a7cd4; + color: #151515; + border-color: #845fca; + } + .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 #d3c7ec; + } + .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: #845fca; + color: #151515; + border-color: #6d43c0; + } + .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: #b7a2e0; + 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(183, 162, 224, 0.04); + color: #b7a2e0; + 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(183, 162, 224, 0.16); + color: #b7a2e0; + 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: #b7a2e0; + 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(183, 162, 224, 0.04); + border-color: transparent; + color: #b7a2e0; + } + .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(183, 162, 224, 0.16); + border-color: transparent; + color: #b7a2e0; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #151515; + background: #f19ea6; + border: 1px solid #e97984; + } + .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: #e97984; + color: #151515; + border-color: #f75965; + } + .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 1px #ffd0d9; + } + .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: #f75965; + color: #151515; + border-color: #fd464e; + } + .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: #f19ea6; + 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(241, 158, 166, 0.04); + color: #f19ea6; + 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(241, 158, 166, 0.16); + color: #f19ea6; + 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: #f19ea6; + 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(241, 158, 166, 0.04); + border-color: transparent; + color: #f19ea6; + } + .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(241, 158, 166, 0.16); + border-color: transparent; + color: #f19ea6; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #20262e; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d2d4d5; + color: #20262e; + border-color: #d2d4d5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #bcbec0; + color: #20262e; + border-color: #bcbec0; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #8dd0ff; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #56bdff; + 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 #e3f3fe; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #8dd0ff; + 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 1px #e3f3fe; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #343e4d; + color: #fff; + } + .p-speeddial-action:hover { + background: #3f4b5b; + 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: 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 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .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: #3f4b5b; + width: 2rem; + height: 0.5rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.04); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #8dd0ff; + color: #151515; + } + + .p-datatable .p-paginator-top { + border-width: 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 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 #3f4b5b; + border-width: 1px 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + transition: box-shadow 0.15s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #151515; + background: #8dd0ff; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #2a323d; + color: #8dd0ff; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #8dd0ff; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: #8dd0ff; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #8dd0ff; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #e3f3fe; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #3f4b5b; + border-width: 1px 0 0 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .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 #e3f3fe; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #8dd0ff; + color: #151515; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #8dd0ff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #8dd0ff; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #8dd0ff; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #2a323d; + } + .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: #2a323d; + } + .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: #2f3641; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #8dd0ff; + color: #151515; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #151515; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #151515; + } + .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; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 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: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #8dd0ff; + color: #151515; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + + .p-column-filter-overlay { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + 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 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #8dd0ff; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #3f4b5b; + } + .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 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #2a323d; + border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1rem 1.25rem; + background: #2a323d; + border: 1px solid #3f4b5b; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f4b5b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + } + .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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #151515; + background: #8dd0ff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #64bfff; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #8dd0ff; + color: #151515; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #0e9bff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f4b5b; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f4b5b; + border-color: #3f4b5b; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f4b5b; + border-color: #3f4b5b; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 1px #e3f3fe; + } + + .p-paginator { + background: #2a323d; + color: #8dd0ff; + border: solid #3f4b5b; + border-width: 0; + padding: 0.75rem; + border-radius: 4px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #8dd0ff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + 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: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: #8dd0ff; + } + .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: 1px solid #3f4b5b; + color: #8dd0ff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #8dd0ff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #8dd0ff; + border-color: #8dd0ff; + color: #151515; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: #8dd0ff; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #2a323d; + border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1rem 1.25rem; + background: #2a323d; + border: 1px solid #3f4b5b; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f4b5b; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + } + .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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #151515; + background: #8dd0ff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #64bfff; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #8dd0ff; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f4b5b; + } + .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 #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 #e3f3fe; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: box-shadow 0.15s; + padding: 0.286rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #3f4b5b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #8dd0ff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; + } + .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: #1dadff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #8dd0ff; + color: #151515; + } + .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: #151515; + } + .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: #151515; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #3eafff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #3f4b5b; + background-color: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 0.286rem; + transition: box-shadow 0.15s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #8dd0ff; + color: #151515; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #151515; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + + .p-treetable .p-paginator-top { + border-width: 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 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 #3f4b5b; + border-width: 1px 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + transition: box-shadow 0.15s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + } + .p-treetable .p-sortable-column { + outline-color: #e3f3fe; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #151515; + background: #8dd0ff; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #2a323d; + color: #8dd0ff; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #8dd0ff; + } + .p-treetable .p-treetable-tbody > tr { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #3f4b5b; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #8dd0ff; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #1dadff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #e3f3fe; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #8dd0ff; + color: #151515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #151515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #151515; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #8dd0ff; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #2a323d; + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 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 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .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 1px #e3f3fe; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #3f4b5b; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1rem 0; + } + .p-card .p-card-footer { + padding: 1rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #2a323d; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f4b5b; + } + .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 #3f4b5b; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: color 0.15s, box-shadow 0.15s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: box-shadow 0.15s; + } + .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 1px #e3f3fe; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + 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 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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: #3f4b5b; + border: 0 none; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + + .p-splitter { + border: 1px solid #3f4b5b; + background: #2a323d; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: color 0.15s, box-shadow 0.15s; + background: rgba(255, 255, 255, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f4b5b; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f4b5b; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + 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 1px #e3f3fe; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.6); + 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 1px #e3f3fe; + } + .p-tabview .p-tabview-panels { + background: #2a323d; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #2a323d; + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + 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 1px #e3f3fe; + } + + .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.15s; + border-radius: 4px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 2px; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 4px; + transition: color 0.15s, box-shadow 0.15s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + font-weight: 600; + transition: color 0.15s, box-shadow 0.15s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #8dd0ff; + color: #151515; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #8dd0ff; + } + .p-stepper .p-stepper-panels { + background: #2a323d; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #3f4b5b; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: box-shadow 0.15s; + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.87); + } + .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: #8dd0ff; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1.25rem; + } + .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(42, 50, 61, 0); + border-bottom-color: #2a323d; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 75, 91, 0); + border-bottom-color: #3f4b5b; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #2a323d; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f4b5b; + } + .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: none; + border: 1px solid #3f4b5b; + } + .p-dialog .p-dialog-header { + border-bottom: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .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: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + 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: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #8dd0ff; + color: #151515; + width: 2rem; + height: 2rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #56bdff; + color: #151515; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(42, 50, 61, 0); + border-bottom-color: #2a323d; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 75, 91, 0); + border-bottom-color: #3c4756; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #2a323d; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f4b5b; + } + + .p-sidebar { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-sidebar .p-sidebar-header { + padding: 1rem 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #e3f3fe; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1rem 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.75rem; + box-shadow: none; + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f4b5b; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f4b5b; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f4b5b; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f4b5b; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #2a323d; + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-fileupload .p-fileupload-content { + background: #2a323d; + padding: 2rem 1rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #8dd0ff; + border-style: dashed; + background-color: #8dd0ff; + } + .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: #56bdff; + color: #151515; + border-color: #56bdff; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #1dadff; + color: #151515; + border-color: #1dadff; + } + + .p-breadcrumb { + background: #343e4d; + border: 0 none; + border-radius: 4px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.15s; + 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 1px #e3f3fe; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #8dd0ff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #8dd0ff; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 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 #e3f3fe; + } + .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 1rem; + background: #343e4d; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 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: rgba(255, 255, 255, 0.6); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: transparent; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + 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 1rem; + background: #343e4d; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .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.15s; + 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 #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.25rem; + 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 1px #e3f3fe; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + 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: #3f4b5b; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #3f4b5b; + margin: 0.5rem 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.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e3f3fe; + } + .p-slidemenu .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + 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: box-shadow 0.15s; + border-radius: 4px; + background: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 4px; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #8dd0ff; + color: #151515; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f4b5b; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #8dd0ff; + color: #151515; + 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; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + 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 1px #e3f3fe; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.6); + 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 1px #e3f3fe; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 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.75rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 0px; + color: #004085; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #004085; + } + .p-inline-message.p-inline-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 0px; + color: #155724; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #155724; + } + .p-inline-message.p-inline-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 0px; + color: #856404; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #856404; + } + .p-inline-message.p-inline-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 0px; + color: #721c24; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #721c24; + } + .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.25rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: color 0.15s, box-shadow 0.15s; + } + .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 1px #e3f3fe; + } + .p-message.p-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; + } + .p-message.p-message-info .p-message-icon { + color: #004085; + } + .p-message.p-message-info .p-message-close { + color: #004085; + } + .p-message.p-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; + } + .p-message.p-message-success .p-message-icon { + color: #155724; + } + .p-message.p-message-success .p-message-close { + color: #155724; + } + .p-message.p-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; + } + .p-message.p-message-warn .p-message-icon { + color: #856404; + } + .p-message.p-message-warn .p-message-close { + color: #856404; + } + .p-message.p-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; + } + .p-message.p-message-error .p-message-icon { + color: #721c24; + } + .p-message.p-message-error .p-message-close { + color: #721c24; + } + .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: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + border-radius: 4px; + } + .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 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: color 0.15s, box-shadow 0.15s; + } + .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 1px #e3f3fe; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; + } + .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: #004085; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; + } + .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: #155724; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; + } + .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: #856404; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; + } + .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: #721c24; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 4rem; + height: 4rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 4rem; + height: 4rem; + transition: color 0.15s, box-shadow 0.15s; + 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: rgba(255, 255, 255, 0.6); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #7789a1; + width: 1rem; + height: 1rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #687c97; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #8dd0ff; + color: #151515; + } + .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: #8dd0ff; + color: #151515; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2rem; + height: 2rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.6); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + + .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: color 0.15s, box-shadow 0.15s; + } + + .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: color 0.15s, box-shadow 0.15s; + 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: #3f4b5b; + 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 #2a323d; + } + + .p-badge { + background: #8dd0ff; + color: #151515; + 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: #9fdaa8; + color: #151515; + } + .p-badge.p-badge-info { + background-color: #7fd8e6; + color: #151515; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #151515; + } + .p-badge.p-badge-danger { + background-color: #f19ea6; + color: #151515; + } + .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: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: color 0.15s, box-shadow 0.15s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + + .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: #3f4b5b; + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #8dd0ff; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #8dd0ff; + 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: #3f4b5b; + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #8dd0ff; + } + .p-progressbar .p-progressbar-label { + color: #151515; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 4px; + box-shadow: none; + transition: color 0.15s, box-shadow 0.15s; + } + .p-scrolltop.p-link { + background: #8dd0ff; + } + .p-scrolltop.p-link:hover { + background: #56bdff; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #151515; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #8dd0ff; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #9fdaa8; + color: #151515; + } + .p-tag.p-tag-info { + background-color: #7fd8e6; + color: #151515; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #151515; + } + .p-tag.p-tag-danger { + background-color: #f19ea6; + color: #151515; + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +/* Vendor extensions to the designer enhanced bootstrap compatibility */ +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css b/booklore-ui/src/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css new file mode 100644 index 00000000..f486d535 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/bootstrap4-dark-purple/theme.css @@ -0,0 +1,6465 @@ +: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: #2a323d; + --surface-b: #20262e; + --surface-c: rgba(255, 255, 255, 0.04); + --surface-d: #3f4b5b; + --surface-e: #2a323d; + --surface-f: #2a323d; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #c298d8; + --primary-color-text: #151515; + --surface-0: #20262e; + --surface-50: #363c43; + --surface-100: #4d5158; + --surface-200: #63676d; + --surface-300: #797d82; + --surface-400: #909397; + --surface-500: #a6a8ab; + --surface-600: #bcbec0; + --surface-700: #d2d4d5; + --surface-800: #e9e9ea; + --surface-900: #ffffff; + --gray-50: #e9e9ea; + --gray-100: #d2d4d5; + --gray-200: #bcbec0; + --gray-300: #a6a8ab; + --gray-400: #909397; + --gray-500: #797d82; + --gray-600: #63676d; + --gray-700: #4d5158; + --gray-800: #363c43; + --gray-900: #20262e; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #20262e; + --surface-section: #20262e; + --surface-card: #2a323d; + --surface-overlay: #2a323d; + --surface-border: #3f4b5b; + --surface-hover: rgba(255, 255, 255, 0.04); + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 1px #f0e6f5; + --highlight-bg: #c298d8; + --highlight-text-color: #151515; + color-scheme: dark; +} + +:root { + --blue-50:#f3f8ff; + --blue-100:#c5dcff; + --blue-200:#97c1fe; + --blue-300:#69a5fe; + --blue-400:#3b8afd; + --blue-500:#0d6efd; + --blue-600:#0b5ed7; + --blue-700:#094db1; + --blue-800:#073d8b; + --blue-900:#052c65; + --green-50:#f4f9f6; + --green-100:#c8e2d6; + --green-200:#9ccbb5; + --green-300:#70b595; + --green-400:#459e74; + --green-500:#198754; + --green-600:#157347; + --green-700:#125f3b; + --green-800:#0e4a2e; + --green-900:#0a3622; + --yellow-50:#fffcf3; + --yellow-100:#fff0c3; + --yellow-200:#ffe494; + --yellow-300:#ffd965; + --yellow-400:#ffcd36; + --yellow-500:#ffc107; + --yellow-600:#d9a406; + --yellow-700:#b38705; + --yellow-800:#8c6a04; + --yellow-900:#664d03; + --cyan-50:#f3fcfe; + --cyan-100:#c5f2fb; + --cyan-200:#97e8f9; + --cyan-300:#69def6; + --cyan-400:#3bd4f3; + --cyan-500:#0dcaf0; + --cyan-600:#0baccc; + --cyan-700:#098da8; + --cyan-800:#076f84; + --cyan-900:#055160; + --pink-50:#fdf5f9; + --pink-100:#f5cee1; + --pink-200:#eda7ca; + --pink-300:#e681b3; + --pink-400:#de5a9b; + --pink-500:#d63384; + --pink-600:#b62b70; + --pink-700:#96245c; + --pink-800:#761c49; + --pink-900:#561435; + --indigo-50:#f7f3fe; + --indigo-100:#dac6fc; + --indigo-200:#bd98f9; + --indigo-300:#a06bf7; + --indigo-400:#833df4; + --indigo-500:#6610f2; + --indigo-600:#570ece; + --indigo-700:#470ba9; + --indigo-800:#380985; + --indigo-900:#290661; + --teal-50:#f4fcfa; + --teal-100:#c9f2e6; + --teal-200:#9fe8d2; + --teal-300:#75debf; + --teal-400:#4ad3ab; + --teal-500:#20c997; + --teal-600:#1bab80; + --teal-700:#168d6a; + --teal-800:#126f53; + --teal-900:#0d503c; + --orange-50:#fff9f3; + --orange-100:#ffe0c7; + --orange-200:#fec89a; + --orange-300:#feaf6d; + --orange-400:#fd9741; + --orange-500:#fd7e14; + --orange-600:#d76b11; + --orange-700:#b1580e; + --orange-800:#8b450b; + --orange-900:#653208; + --bluegray-50:#f8f9fb; + --bluegray-100:#e0e4ea; + --bluegray-200:#c7ced9; + --bluegray-300:#aeb9c8; + --bluegray-400:#95a3b8; + --bluegray-500:#7c8ea7; + --bluegray-600:#69798e; + --bluegray-700:#576375; + --bluegray-800:#444e5c; + --bluegray-900:#323943; + --purple-50:#f8f6fc; + --purple-100:#dcd2f0; + --purple-200:#c1aee4; + --purple-300:#a68ad9; + --purple-400:#8a66cd; + --purple-500:#6f42c1; + --purple-600:#5e38a4; + --purple-700:#4e2e87; + --purple-800:#3d246a; + --purple-900:#2c1a4d; + --red-50:#fdf5f6; + --red-100:#f7cfd2; + --red-200:#f0a8af; + --red-300:#e9828c; + --red-400:#e35b68; + --red-500:#dc3545; + --red-600:#bb2d3b; + --red-700:#9a2530; + --red-800:#791d26; + --red-900:#58151c; + --primary-50:#fcfafd; + --primary-100:#f0e6f6; + --primary-200:#e5d3ee; + --primary-300:#d9bfe7; + --primary-400:#ceacdf; + --primary-500:#c298d8; + --primary-600:#a581b8; + --primary-700:#886a97; + --primary-800:#6b5477; + --primary-900:#4e3d56; +} + +.p-editor-container .p-editor-toolbar { + background: #2a323d; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.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 #3f4b5b; +} +.p-editor-container .p-editor-content .ql-editor { + background: #20262e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #c298d8; +} +.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: #c298d8; +} +.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: #c298d8; +} +.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: #c298d8; +} + +@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.15s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.65; + } + + .p-error { + color: #f19ea6; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #f0e6f5; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.107rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #3f4b5b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + 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: #4c5866; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f19ea6; + } + + .p-autocomplete-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #c298d8; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #b07acd; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f19ea6; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.107rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f19ea6; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + + .p-datepicker { + padding: 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2a323d; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #3f4b5b; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .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: rgba(255, 255, 255, 0.87); + transition: color 0.15s, box-shadow 0.15s; + 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: #c298d8; + } + .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: box-shadow 0.15s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #151515; + background: #c298d8; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #c298d8; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #151515; + background: #c298d8; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #3f4b5b; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f4b5b; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .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.15s; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #151515; + background: #c298d8; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #151515; + background: #c298d8; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f4b5b; + padding-right: 0; + padding-left: 0; + 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.04); + } + .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 1px #f0e6f5; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .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 1px #f0e6f5; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .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 1px #f0e6f5; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.107rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #3f4b5b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f19ea6; + } + .p-cascadeselect.p-variant-filled { + background-color: #3f4b5b; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + + .p-cascadeselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #c298d8; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #b07acd; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #3f4b5b; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f19ea6; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #3f4b5b; + background: #20262e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.15s; + color: #151515; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #c298d8; + background: #c298d8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #3f4b5b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #9954bb; + background: #9954bb; + color: #151515; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #3f4b5b; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #c298d8; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9954bb; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f19ea6; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #3f4b5b; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #c298d8; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9954bb; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-highlight .p-checkbox .p-checkbox-box { + border-color: #151515; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f19ea6; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #3f4b5b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #4c5866; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f19ea6; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #2a323d; + border: 1px solid #3f4b5b; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .p-colorpicker-overlay-panel { + box-shadow: none; + } + + .p-dropdown { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #3f4b5b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f19ea6; + } + .p-dropdown.p-variant-filled { + background-color: #3f4b5b; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + + .p-dropdown-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #c298d8; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #b07acd; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #3f4b5b; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + .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: #f19ea6; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #3f4b5b; + border-left: 1px solid #3f4b5b; + border-bottom: 1px solid #3f4b5b; + padding: 0.5rem 0.75rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f4b5b; + } + + .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.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f19ea6; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #3f4b5b; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f19ea6; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.107rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.107rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #3f4b5b; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #3f4b5b; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #3f4b5b; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 4px; + transition-duration: 0.15s; + } + .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 1px #f0e6f5; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #3f4b5b; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #c298d8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #151515; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #c298d8; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f19ea6; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #20262e; + padding: 0.5rem 0.75rem; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: #3f4b5b; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f19ea6; + } + .p-inputtext.p-variant-filled { + background-color: #3f4b5b; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.15s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f19ea6; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #3f4b5b; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #3f4b5b; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #3f4b5b; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.5rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + 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: #151515; + background: #c298d8; + } + .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: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #b07acd; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f19ea6; + } + + .p-multiselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #3f4b5b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: #3f4b5b; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #c298d8; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #b07acd; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #3f4b5b; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f19ea6; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f19ea6; + } + + .p-password-panel { + padding: 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f4b5b; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f19ea6; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #9fdaa8; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f4b5b; + background: #20262e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #3f4b5b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.15s; + background-color: #151515; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #c298d8; + background: #c298d8; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #9954bb; + background: #9954bb; + color: #151515; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #3f4b5b; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #c298d8; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #9954bb; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f19ea6; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #3f4b5b; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #c298d8; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #9954bb; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-highlight .p-radiobutton .p-radiobutton-box { + border-color: #151515; + } + + .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: rgba(255, 255, 255, 0.87); + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + 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: #f19ea6; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #c298d8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #c298d8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f19ea6; + } + + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #151515; + } + + .p-selectbutton .p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + 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: #545b62; + border-color: #4e555b; + 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: #f19ea6; + } + + .p-slider { + background: #3f4b5b; + 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: #c298d8; + border: 2px solid #c298d8; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-slider .p-slider-range { + background: #c298d8; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #aa70c7; + border-color: #aa70c7; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.15s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.15s; + } + + .p-togglebutton.p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + 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: #545b62; + border-color: #4e555b; + 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: #f19ea6; + } + + .p-treeselect { + background: #20262e; + border: 1px solid #3f4b5b; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #3f4b5b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: #3f4b5b; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #3f4b5b; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #3f4b5b; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f19ea6; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .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 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #3f4b5b; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #3f4b5b; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #3f4b5b; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #151515; + background: #c298d8; + border: 1px solid #c298d8; + padding: 0.5rem 0.75rem; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #aa70c7; + color: #151515; + border-color: #aa70c7; + } + .p-button:not(:disabled):active { + background: #9954bb; + color: #151515; + border-color: #9954bb; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #c298d8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(194, 152, 216, 0.04); + color: #c298d8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(194, 152, 216, 0.16); + color: #c298d8; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #c298d8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(194, 152, 216, 0.04); + color: #c298d8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(194, 152, 216, 0.16); + color: #c298d8; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-button .p-button-label { + transition-duration: 0.15s; + } + .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: #c298d8; + background-color: #151515; + } + .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.65625rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.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: #6c757d; + border: 1px solid #6c757d; + } + .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: #5a6268; + color: #ffffff; + border-color: #5a6268; + } + .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 1px rgba(130, 138, 145, 0.5); + } + .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: #545b62; + color: #ffffff; + border-color: #4e555b; + } + .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: #6c757d; + 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(108, 117, 125, 0.04); + color: #6c757d; + 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(108, 117, 125, 0.16); + color: #6c757d; + 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: #6c757d; + 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(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; + } + .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(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #151515; + background: #7fd8e6; + border: 1px solid #4cc8db; + } + .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: #4cc8db; + color: #151515; + border-color: #26bdd3; + } + .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 1px #b1e8f0; + } + .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: #26bdd3; + color: #151515; + border-color: #00b2cc; + } + .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: #7fd8e6; + 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(127, 216, 230, 0.04); + color: #7fd8e6; + 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(127, 216, 230, 0.16); + color: #7fd8e6; + 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: #7fd8e6; + 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(127, 216, 230, 0.04); + border-color: transparent; + color: #7fd8e6; + } + .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(127, 216, 230, 0.16); + border-color: transparent; + color: #7fd8e6; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #151515; + background: #9fdaa8; + border: 1px solid #78cc86; + } + .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: #78cc86; + color: #151515; + border-color: #5ac06c; + } + .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 1px #c5e8ca; + } + .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: #5ac06c; + color: #151515; + border-color: #3cb553; + } + .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: #9fdaa8; + 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(159, 218, 168, 0.04); + color: #9fdaa8; + 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(159, 218, 168, 0.16); + color: #9fdaa8; + 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: #9fdaa8; + 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(159, 218, 168, 0.04); + border-color: transparent; + color: #9fdaa8; + } + .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(159, 218, 168, 0.16); + border-color: transparent; + color: #9fdaa8; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #151515; + background: #ffe082; + border: 1px solid #ffd54f; + } + .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: #ffd54f; + color: #151515; + border-color: #ffca28; + } + .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 1px #ffecb3; + } + .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: #ffca28; + color: #151515; + border-color: #ffc107; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #151515; + background: #b7a2e0; + border: 1px solid #9a7cd4; + } + .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: #9a7cd4; + color: #151515; + border-color: #845fca; + } + .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 #d3c7ec; + } + .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: #845fca; + color: #151515; + border-color: #6d43c0; + } + .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: #b7a2e0; + 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(183, 162, 224, 0.04); + color: #b7a2e0; + 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(183, 162, 224, 0.16); + color: #b7a2e0; + 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: #b7a2e0; + 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(183, 162, 224, 0.04); + border-color: transparent; + color: #b7a2e0; + } + .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(183, 162, 224, 0.16); + border-color: transparent; + color: #b7a2e0; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #151515; + background: #f19ea6; + border: 1px solid #e97984; + } + .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: #e97984; + color: #151515; + border-color: #f75965; + } + .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 1px #ffd0d9; + } + .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: #f75965; + color: #151515; + border-color: #fd464e; + } + .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: #f19ea6; + 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(241, 158, 166, 0.04); + color: #f19ea6; + 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(241, 158, 166, 0.16); + color: #f19ea6; + 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: #f19ea6; + 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(241, 158, 166, 0.04); + border-color: transparent; + color: #f19ea6; + } + .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(241, 158, 166, 0.16); + border-color: transparent; + color: #f19ea6; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #20262e; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d2d4d5; + color: #20262e; + border-color: #d2d4d5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #bcbec0; + color: #20262e; + border-color: #bcbec0; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #c298d8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #aa70c7; + 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 #f0e6f5; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #c298d8; + 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 1px #f0e6f5; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #343e4d; + color: #fff; + } + .p-speeddial-action:hover { + background: #3f4b5b; + 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: 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 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .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: #3f4b5b; + width: 2rem; + height: 0.5rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.04); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #c298d8; + color: #151515; + } + + .p-datatable .p-paginator-top { + border-width: 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 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 #3f4b5b; + border-width: 1px 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + transition: box-shadow 0.15s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #151515; + background: #c298d8; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #2a323d; + color: #c298d8; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #c298d8; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: #c298d8; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #c298d8; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #f0e6f5; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #3f4b5b; + border-width: 1px 0 0 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .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 #f0e6f5; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #c298d8; + color: #151515; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #c298d8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #c298d8; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #c298d8; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #2a323d; + } + .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: #2a323d; + } + .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: #2f3641; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #c298d8; + color: #151515; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #151515; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #151515; + } + .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; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 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: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #c298d8; + color: #151515; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: transparent; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + + .p-column-filter-overlay { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + 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 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + 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: #151515; + background: #c298d8; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #3f4b5b; + } + .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 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #2a323d; + border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1rem 1.25rem; + background: #2a323d; + border: 1px solid #3f4b5b; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f4b5b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + } + .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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #151515; + background: #c298d8; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #b07acd; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #c298d8; + color: #151515; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #8942ae; + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f4b5b; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f4b5b; + border-color: #3f4b5b; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f4b5b; + border-color: #3f4b5b; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 1px #f0e6f5; + } + + .p-paginator { + background: #2a323d; + color: #c298d8; + border: solid #3f4b5b; + border-width: 0; + padding: 0.75rem; + border-radius: 4px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #c298d8; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + 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: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: #c298d8; + } + .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: 1px solid #3f4b5b; + color: #c298d8; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 1px solid #3f4b5b; + color: #c298d8; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #c298d8; + border-color: #c298d8; + color: #151515; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: #c298d8; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #2a323d; + border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1rem 1.25rem; + background: #2a323d; + border: 1px solid #3f4b5b; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f4b5b; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1.5rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.15s; + } + .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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #151515; + background: #c298d8; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #b07acd; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1.5rem; + box-shadow: none; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #c298d8; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f4b5b; + } + .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 #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 #f0e6f5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: box-shadow 0.15s; + padding: 0.286rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #3f4b5b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #c298d8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; + } + .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: #9954bb; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #c298d8; + color: #151515; + } + .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: #151515; + } + .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: #151515; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #a263c4; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #3f4b5b; + background-color: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 0.286rem; + transition: box-shadow 0.15s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #c298d8; + color: #151515; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #151515; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + + .p-treetable .p-paginator-top { + border-width: 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 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 #3f4b5b; + border-width: 1px 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + transition: box-shadow 0.15s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3f4b5b; + border-width: 1px 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + } + .p-treetable .p-sortable-column { + outline-color: #f0e6f5; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #151515; + background: #c298d8; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #2a323d; + color: #c298d8; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #c298d8; + } + .p-treetable .p-treetable-tbody > tr { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #3f4b5b; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #c298d8; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #9954bb; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #f0e6f5; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #c298d8; + color: #151515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #151515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #151515; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #c298d8; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #2a323d; + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.6); + border: solid #3f4b5b; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 1px 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 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .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 1px #f0e6f5; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #3f4b5b; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1rem 0; + } + .p-card .p-card-footer { + padding: 1rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #2a323d; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f4b5b; + } + .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 #3f4b5b; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: color 0.15s, box-shadow 0.15s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: box-shadow 0.15s; + } + .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 1px #f0e6f5; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + 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 1.25rem; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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: #3f4b5b; + border: 0 none; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + + .p-splitter { + border: 1px solid #3f4b5b; + background: #2a323d; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: color 0.15s, box-shadow 0.15s; + background: rgba(255, 255, 255, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f4b5b; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f4b5b; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + 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 1px #f0e6f5; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.6); + 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 1px #f0e6f5; + } + .p-tabview .p-tabview-panels { + background: #2a323d; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #2a323d; + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + 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 1px #f0e6f5; + } + + .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.15s; + border-radius: 4px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-width: 2px; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 4px; + transition: color 0.15s, box-shadow 0.15s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + font-weight: 600; + transition: color 0.15s, box-shadow 0.15s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #c298d8; + color: #151515; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #c298d8; + } + .p-stepper .p-stepper-panels { + background: #2a323d; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #3f4b5b; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: box-shadow 0.15s; + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.87); + } + .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: #c298d8; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1.25rem; + } + .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(42, 50, 61, 0); + border-bottom-color: #2a323d; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 75, 91, 0); + border-bottom-color: #3f4b5b; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #2a323d; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f4b5b; + } + .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: none; + border: 1px solid #3f4b5b; + } + .p-dialog .p-dialog-header { + border-bottom: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .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: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + 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: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + box-shadow: none; + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #c298d8; + color: #151515; + width: 2rem; + height: 2rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #aa70c7; + color: #151515; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(42, 50, 61, 0); + border-bottom-color: #2a323d; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 75, 91, 0); + border-bottom-color: #3c4756; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #2a323d; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f4b5b; + } + + .p-sidebar { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-sidebar .p-sidebar-header { + padding: 1rem 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + 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 1px #f0e6f5; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1rem 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.75rem; + box-shadow: none; + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f4b5b; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f4b5b; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f4b5b; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f4b5b; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #2a323d; + padding: 1rem 1.25rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-fileupload .p-fileupload-content { + background: #2a323d; + padding: 2rem 1rem; + border: 1px solid #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #c298d8; + border-style: dashed; + background-color: #c298d8; + } + .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: #aa70c7; + color: #151515; + border-color: #aa70c7; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #9954bb; + color: #151515; + border-color: #9954bb; + } + + .p-breadcrumb { + background: #343e4d; + border: 0 none; + border-radius: 4px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.15s; + 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 1px #f0e6f5; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #c298d8; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #c298d8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.87); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 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 #f0e6f5; + } + .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 1rem; + background: #343e4d; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 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: rgba(255, 255, 255, 0.6); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: transparent; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #c298d8; + color: #151515; + 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 1rem; + background: #343e4d; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .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.15s; + 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 #3f4b5b; + color: rgba(255, 255, 255, 0.87); + background: #2a323d; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.25rem; + 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 1px #f0e6f5; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.04); + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + 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: #3f4b5b; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #3f4b5b; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #3f4b5b; + margin: 0.5rem 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.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #f0e6f5; + } + .p-slidemenu .p-menuitem-badge { + background: #c298d8; + color: #151515; + 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: box-shadow 0.15s; + border-radius: 4px; + background: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 4px; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #c298d8; + color: #151515; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f4b5b; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #c298d8; + color: #151515; + 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; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + 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 1px #f0e6f5; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.6); + 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 1px #f0e6f5; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 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.75rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 0px; + color: #004085; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #004085; + } + .p-inline-message.p-inline-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 0px; + color: #155724; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #155724; + } + .p-inline-message.p-inline-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 0px; + color: #856404; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #856404; + } + .p-inline-message.p-inline-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 0px; + color: #721c24; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #721c24; + } + .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.25rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: color 0.15s, box-shadow 0.15s; + } + .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 1px #f0e6f5; + } + .p-message.p-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; + } + .p-message.p-message-info .p-message-icon { + color: #004085; + } + .p-message.p-message-info .p-message-close { + color: #004085; + } + .p-message.p-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; + } + .p-message.p-message-success .p-message-icon { + color: #155724; + } + .p-message.p-message-success .p-message-close { + color: #155724; + } + .p-message.p-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; + } + .p-message.p-message-warn .p-message-icon { + color: #856404; + } + .p-message.p-message-warn .p-message-close { + color: #856404; + } + .p-message.p-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; + } + .p-message.p-message-error .p-message-icon { + color: #721c24; + } + .p-message.p-message-error .p-message-close { + color: #721c24; + } + .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: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + border-radius: 4px; + } + .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 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: color 0.15s, box-shadow 0.15s; + } + .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 1px #f0e6f5; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; + } + .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: #004085; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; + } + .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: #155724; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; + } + .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: #856404; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; + } + .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: #721c24; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 4rem; + height: 4rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 4rem; + height: 4rem; + transition: color 0.15s, box-shadow 0.15s; + 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: rgba(255, 255, 255, 0.6); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #7789a1; + width: 1rem; + height: 1rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #687c97; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #c298d8; + color: #151515; + } + .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: #c298d8; + color: #151515; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2rem; + height: 2rem; + transition: color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.6); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + + .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: color 0.15s, box-shadow 0.15s; + } + + .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: color 0.15s, box-shadow 0.15s; + 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: #3f4b5b; + 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 #2a323d; + } + + .p-badge { + background: #c298d8; + color: #151515; + 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: #9fdaa8; + color: #151515; + } + .p-badge.p-badge-info { + background-color: #7fd8e6; + color: #151515; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #151515; + } + .p-badge.p-badge-danger { + background-color: #f19ea6; + color: #151515; + } + .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: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: color 0.15s, box-shadow 0.15s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + + .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: #3f4b5b; + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #c298d8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #c298d8; + 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: #3f4b5b; + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #c298d8; + } + .p-progressbar .p-progressbar-label { + color: #151515; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 4px; + box-shadow: none; + transition: color 0.15s, box-shadow 0.15s; + } + .p-scrolltop.p-link { + background: #c298d8; + } + .p-scrolltop.p-link:hover { + background: #aa70c7; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #151515; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #c298d8; + color: #151515; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #9fdaa8; + color: #151515; + } + .p-tag.p-tag-info { + background-color: #7fd8e6; + color: #151515; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #151515; + } + .p-tag.p-tag-danger { + background-color: #f19ea6; + color: #151515; + } + .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: #2a323d; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3f4b5b; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +/* Vendor extensions to the designer enhanced bootstrap compatibility */ +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/bootstrap4-light-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/bootstrap4-light-blue/theme.css new file mode 100644 index 00000000..3bfc88cb --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/bootstrap4-light-blue/theme.css @@ -0,0 +1,6465 @@ +: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: #efefef; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #212529; + --text-color-secondary: #6c757d; + --primary-color: #007bff; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f8f9fa; + --surface-200: #e9ecef; + --surface-300: #dee2e6; + --surface-400: #ced4da; + --surface-500: #adb5bd; + --surface-600: #6c757d; + --surface-700: #495057; + --surface-800: #343a40; + --surface-900: #212529; + --gray-50: #f9fafb; + --gray-100: #f8f9fa; + --gray-200: #e9ecef; + --gray-300: #dee2e6; + --gray-400: #ced4da; + --gray-500: #adb5bd; + --gray-600: #6c757d; + --gray-700: #495057; + --gray-800: #343a40; + --gray-900: #212529; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #efefef; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #007bff; + --highlight-text-color: #ffffff; + --focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + color-scheme: light; +} + +:root { + --blue-50:#f3f8ff; + --blue-100:#c5dcff; + --blue-200:#97c1fe; + --blue-300:#69a5fe; + --blue-400:#3b8afd; + --blue-500:#0d6efd; + --blue-600:#0b5ed7; + --blue-700:#094db1; + --blue-800:#073d8b; + --blue-900:#052c65; + --green-50:#f4f9f6; + --green-100:#c8e2d6; + --green-200:#9ccbb5; + --green-300:#70b595; + --green-400:#459e74; + --green-500:#198754; + --green-600:#157347; + --green-700:#125f3b; + --green-800:#0e4a2e; + --green-900:#0a3622; + --yellow-50:#fffcf3; + --yellow-100:#fff0c3; + --yellow-200:#ffe494; + --yellow-300:#ffd965; + --yellow-400:#ffcd36; + --yellow-500:#ffc107; + --yellow-600:#d9a406; + --yellow-700:#b38705; + --yellow-800:#8c6a04; + --yellow-900:#664d03; + --cyan-50:#f3fcfe; + --cyan-100:#c5f2fb; + --cyan-200:#97e8f9; + --cyan-300:#69def6; + --cyan-400:#3bd4f3; + --cyan-500:#0dcaf0; + --cyan-600:#0baccc; + --cyan-700:#098da8; + --cyan-800:#076f84; + --cyan-900:#055160; + --pink-50:#fdf5f9; + --pink-100:#f5cee1; + --pink-200:#eda7ca; + --pink-300:#e681b3; + --pink-400:#de5a9b; + --pink-500:#d63384; + --pink-600:#b62b70; + --pink-700:#96245c; + --pink-800:#761c49; + --pink-900:#561435; + --indigo-50:#f7f3fe; + --indigo-100:#dac6fc; + --indigo-200:#bd98f9; + --indigo-300:#a06bf7; + --indigo-400:#833df4; + --indigo-500:#6610f2; + --indigo-600:#570ece; + --indigo-700:#470ba9; + --indigo-800:#380985; + --indigo-900:#290661; + --teal-50:#f4fcfa; + --teal-100:#c9f2e6; + --teal-200:#9fe8d2; + --teal-300:#75debf; + --teal-400:#4ad3ab; + --teal-500:#20c997; + --teal-600:#1bab80; + --teal-700:#168d6a; + --teal-800:#126f53; + --teal-900:#0d503c; + --orange-50:#fff9f3; + --orange-100:#ffe0c7; + --orange-200:#fec89a; + --orange-300:#feaf6d; + --orange-400:#fd9741; + --orange-500:#fd7e14; + --orange-600:#d76b11; + --orange-700:#b1580e; + --orange-800:#8b450b; + --orange-900:#653208; + --bluegray-50:#f8f9fb; + --bluegray-100:#e0e4ea; + --bluegray-200:#c7ced9; + --bluegray-300:#aeb9c8; + --bluegray-400:#95a3b8; + --bluegray-500:#7c8ea7; + --bluegray-600:#69798e; + --bluegray-700:#576375; + --bluegray-800:#444e5c; + --bluegray-900:#323943; + --purple-50:#f8f6fc; + --purple-100:#dcd2f0; + --purple-200:#c1aee4; + --purple-300:#a68ad9; + --purple-400:#8a66cd; + --purple-500:#6f42c1; + --purple-600:#5e38a4; + --purple-700:#4e2e87; + --purple-800:#3d246a; + --purple-900:#2c1a4d; + --red-50:#fdf5f6; + --red-100:#f7cfd2; + --red-200:#f0a8af; + --red-300:#e9828c; + --red-400:#e35b68; + --red-500:#dc3545; + --red-600:#bb2d3b; + --red-700:#9a2530; + --red-800:#791d26; + --red-900:#58151c; + --primary-50:#f2f8ff; + --primary-100:#c2dfff; + --primary-200:#91c6ff; + --primary-300:#61adff; + --primary-400:#3094ff; + --primary-500:#007bff; + --primary-600:#0069d9; + --primary-700:#0056b3; + --primary-800:#00448c; + --primary-900:#003166; +} + +.p-editor-container .p-editor-toolbar { + background: #efefef; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.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: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + 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: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #212529; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.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 #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + 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: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #212529; +} +.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: #007bff; +} +.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: #007bff; +} +.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: #007bff; +} +.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: #007bff; +} + +@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.15s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.65; + } + + .p-error { + color: #dc3545; + } + + .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: 4px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.107rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #ced4da; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #212529; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #dee2e6; + color: #212529; + 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: #212529; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #dc3545; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #007bff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #0067d6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #dc3545; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #495057; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #495057; + right: 3.107rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #dc3545; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + + .p-datepicker { + padding: 0; + background: #ffffff; + color: #212529; + border: 1px solid #ced4da; + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #efefef; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #212529; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + 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: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .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: 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 rgba(38, 143, 255, 0.5); + } + .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: #212529; + transition: box-shadow 0.15s; + 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: #007bff; + } + .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: box-shadow 0.15s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #ffffff; + background: #007bff; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #212529; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #ffffff; + background: #007bff; + } + .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: box-shadow 0.15s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #495057; + 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 rgba(38, 143, 255, 0.5); + } + .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.15s; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #ffffff; + background: #007bff; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #ffffff; + background: #007bff; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0; + padding-left: 0; + 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 rgba(38, 143, 255, 0.5); + } + .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 rgba(38, 143, 255, 0.5); + } + .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 rgba(38, 143, 255, 0.5); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #495057; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #495057; + right: 3.107rem; + } + + @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.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #ced4da; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #dc3545; + } + .p-cascadeselect.p-variant-filled { + background-color: #efefef; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #efefef; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .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: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #007bff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #0067d6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #efefef; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #efefef; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #dc3545; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #495057; + right: 2.357rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 20px; + height: 20px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #212529; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.15s; + 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: #007bff; + background: #007bff; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #ced4da; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0062cc; + background: #0062cc; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #efefef; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #007bff; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #efefef; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0062cc; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #dc3545; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #efefef; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #007bff; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #efefef; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0062cc; + } + + .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: #dc3545; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #ced4da; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #ced4da; + color: #212529; + } + .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: #212529; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #dc3545; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #495057; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #212529; + border: 1px solid #212529; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: none; + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #ced4da; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #495057; + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #dc3545; + } + .p-dropdown.p-variant-filled { + background-color: #efefef; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #efefef; + } + + .p-dropdown-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #007bff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #0067d6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #efefef; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #efefef; + } + .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: #dc3545; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #e9ecef; + color: #495057; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.5rem 0.75rem; + 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: 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.75rem; + color: #495057; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #495057; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #dc3545; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #495057; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #efefef; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #efefef; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #dc3545; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #495057; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.107rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.107rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #efefef; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #efefef; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #efefef; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 4px; + transition-duration: 0.15s; + } + .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 rgba(38, 143, 255, 0.5); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #ced4da; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #007bff; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #007bff; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #dc3545; + } + + .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.75rem; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: #ced4da; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #dc3545; + } + .p-inputtext.p-variant-filled { + background-color: #efefef; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #efefef; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6c757d; + transition-duration: 0.15s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #dc3545; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #495057; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #495057; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-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: #efefef; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #efefef; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #efefef; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #212529; + border: 1px solid #ced4da; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.5rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + transition: box-shadow 0.15s; + 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: #007bff; + } + .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: #212529; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #0067d6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #e9ecef; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #e9ecef; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #dc3545; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #ced4da; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: #efefef; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #efefef; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #efefef; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #495057; + right: 2.357rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #495057; + 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 rgba(38, 143, 255, 0.5); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #007bff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #0067d6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #e9ecef; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + 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: #212529; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #efefef; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #efefef; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #dc3545; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #dc3545; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: none; + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e9ecef; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #dc3545; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffc107; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #28a745; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #495057; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #495057; + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #212529; + border-radius: 50%; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #ced4da; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.15s; + background-color: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #007bff; + background: #007bff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0062cc; + background: #0062cc; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #efefef; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #efefef; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #007bff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0062cc; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #dc3545; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #efefef; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #007bff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0062cc; + } + + .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: #495057; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + 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: #dc3545; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #007bff; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #007bff; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #dc3545; + } + + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ffffff; + } + + .p-selectbutton .p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + 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: #545b62; + border-color: #4e555b; + 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: #dc3545; + } + + .p-slider { + background: #e9ecef; + 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: #007bff; + border: 2px solid #007bff; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-slider .p-slider-range { + background: #007bff; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #0069d9; + border-color: #0069d9; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.15s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.15s; + } + + .p-togglebutton.p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + 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: #545b62; + border-color: #4e555b; + 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: #dc3545; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #ced4da; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: #efefef; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #efefef; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #dc3545; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #495057; + 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 rgba(38, 143, 255, 0.5); + } + .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 1.5rem; + color: #212529; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #efefef; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #efefef; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #495057; + right: 2.357rem; + } + + .p-button { + color: #ffffff; + background: #007bff; + border: 1px solid #007bff; + padding: 0.5rem 0.75rem; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #0069d9; + color: #ffffff; + border-color: #0069d9; + } + .p-button:not(:disabled):active { + background: #0062cc; + color: #ffffff; + border-color: #0062cc; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #007bff; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(0, 123, 255, 0.04); + color: #007bff; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(0, 123, 255, 0.16); + color: #007bff; + 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: #007bff; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(0, 123, 255, 0.04); + color: #007bff; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(0, 123, 255, 0.16); + color: #007bff; + 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 rgba(38, 143, 255, 0.5); + } + .p-button .p-button-label { + transition-duration: 0.15s; + } + .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: #007bff; + 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.65625rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.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: #6c757d; + border: 1px solid #6c757d; + } + .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: #5a6268; + color: #ffffff; + border-color: #5a6268; + } + .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 rgba(130, 138, 145, 0.5); + } + .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: #545b62; + color: #ffffff; + border-color: #4e555b; + } + .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: #6c757d; + 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(108, 117, 125, 0.04); + color: #6c757d; + 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(108, 117, 125, 0.16); + color: #6c757d; + 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: #6c757d; + 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(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; + } + .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(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #17a2b8; + border: 1px solid #17a2b8; + } + .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: #138496; + color: #ffffff; + border-color: #117a8b; + } + .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 rgba(58, 176, 195, 0.5); + } + .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: #138496; + color: #ffffff; + border-color: #117a8b; + } + .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: #17a2b8; + 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(23, 162, 184, 0.04); + color: #17a2b8; + 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(23, 162, 184, 0.16); + color: #17a2b8; + 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: #17a2b8; + 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(23, 162, 184, 0.04); + border-color: transparent; + color: #17a2b8; + } + .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(23, 162, 184, 0.16); + border-color: transparent; + color: #17a2b8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #28a745; + border: 1px solid #28a745; + } + .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: #218838; + color: #ffffff; + border-color: #1e7e34; + } + .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 rgba(72, 180, 97, 0.5); + } + .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: #1e7e34; + color: #ffffff; + border-color: #1c7430; + } + .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: #28a745; + 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(40, 167, 69, 0.04); + color: #28a745; + 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(40, 167, 69, 0.16); + color: #28a745; + 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: #28a745; + 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(40, 167, 69, 0.04); + border-color: transparent; + color: #28a745; + } + .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(40, 167, 69, 0.16); + border-color: transparent; + color: #28a745; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #ffc107; + border: 1px solid #ffc107; + } + .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: #e0a800; + color: #212529; + border-color: #d39e00; + } + .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 rgba(222, 170, 12, 0.5); + } + .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: #d39e00; + color: #212529; + border-color: #c69500; + } + .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: #ffc107; + 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, 193, 7, 0.04); + color: #ffc107; + 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, 193, 7, 0.16); + color: #ffc107; + 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: #ffc107; + 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, 193, 7, 0.04); + border-color: transparent; + color: #ffc107; + } + .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, 193, 7, 0.16); + border-color: transparent; + color: #ffc107; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #6f42c1; + border: 1px solid #6f42c1; + } + .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: #633bad; + color: #ffffff; + border-color: #58349a; + } + .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 #d3c6ec; + } + .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: #58349a; + color: #ffffff; + border-color: #4d2e87; + } + .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: #6f42c1; + 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(111, 66, 193, 0.04); + color: #6f42c1; + 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(111, 66, 193, 0.16); + color: #6f42c1; + 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: #6f42c1; + 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(111, 66, 193, 0.04); + border-color: transparent; + color: #6f42c1; + } + .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(111, 66, 193, 0.16); + border-color: transparent; + color: #6f42c1; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #dc3545; + border: 1px solid #dc3545; + } + .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: #c82333; + color: #ffffff; + border-color: #bd2130; + } + .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 rgba(225, 83, 97, 0.5); + } + .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: #bd2130; + color: #ffffff; + border-color: #b21f2d; + } + .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: #dc3545; + 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(220, 53, 69, 0.04); + color: #dc3545; + 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(220, 53, 69, 0.16); + color: #dc3545; + 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: #dc3545; + 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(220, 53, 69, 0.04); + border-color: transparent; + color: #dc3545; + } + .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(220, 53, 69, 0.16); + border-color: transparent; + color: #dc3545; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212529; + border: 1px solid #212529; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #343a40; + color: #ffffff; + border-color: #343a40; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #495057; + color: #ffffff; + border-color: #495057; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212529; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + border-color: transparent; + color: #212529; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + border-color: transparent; + color: #212529; + } + + .p-button.p-button-link { + color: #007bff; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0069d9; + 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 rgba(38, 143, 255, 0.5); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #007bff; + 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 rgba(38, 143, 255, 0.5); + } + + .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: 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 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: box-shadow 0.15s; + 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: 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 rgba(38, 143, 255, 0.5); + } + .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: box-shadow 0.15s; + 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: #007bff; + color: #ffffff; + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 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 #dee2e6; + border-width: 1px 0 2px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + transition: box-shadow 0.15s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + } + .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: #ffffff; + background: #007bff; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: #007bff; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #007bff; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #007bff; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #007bff; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #212529; + transition: box-shadow 0.15s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 1px 0 0 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: box-shadow 0.15s; + } + .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: 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 rgba(38, 143, 255, 0.5); + } + .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 rgba(38, 143, 255, 0.5); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #007bff; + color: #ffffff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #007bff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #007bff; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-datatable .p-column-resizer-helper { + background: #007bff; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #efefef; + } + .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: rgba(0, 0, 0, 0.05); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #007bff; + 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.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #212529; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 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: 1.25rem; + } + + .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: box-shadow 0.15s; + } + .p-column-filter-menu-button:hover { + color: #495057; + 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: #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: #007bff; + color: #ffffff; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-column-filter-clear-button:hover { + color: #495057; + 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 rgba(38, 143, 255, 0.5); + } + + .p-column-filter-overlay { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + 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 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #007bff; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + 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 rgba(38, 143, 255, 0.5); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + 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 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .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: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-orderlist .p-orderlist-header { + color: #212529; + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1rem 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-orderlist .p-orderlist-list { + color: #212529; + 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 1.5rem; + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + } + .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: #212529; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #212529; + background: #dee2e6; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #ffffff; + background: #007bff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #0067d6; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.05); + } + .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 1.5rem; + box-shadow: none; + border: 0 none; + color: #212529; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #007bff; + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #003e80; + } + .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: #212529; + padding: 1.25rem; + } + .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 rgba(38, 143, 255, 0.5); + } + + .p-paginator { + background: #ffffff; + color: #007bff; + border: solid #dee2e6; + border-width: 0; + padding: 0.75rem; + border-radius: 4px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #007bff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + 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: #e9ecef; + border-color: #dee2e6; + color: #007bff; + } + .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: #ffffff; + border: 1px solid #dee2e6; + color: #007bff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #007bff; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #007bff; + border-color: #007bff; + color: #ffffff; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: #dee2e6; + color: #007bff; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .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: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-picklist .p-picklist-header { + color: #212529; + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1rem 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-picklist .p-picklist-list { + color: #212529; + 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 1.5rem; + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + } + .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: #212529; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #212529; + background: #dee2e6; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #ffffff; + background: #007bff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #0067d6; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.05); + } + .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 1.5rem; + box-shadow: none; + border: 0 none; + color: #212529; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #007bff; + } + .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: #212529; + padding: 1.25rem; + 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 rgba(38, 143, 255, 0.5); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: box-shadow 0.15s; + padding: 0.286rem; + } + .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: box-shadow 0.15s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #495057; + 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 rgba(38, 143, 255, 0.5); + } + .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: #212529; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #efefef; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #007bff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #efefef; + } + .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: #0062cc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #007bff; + 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: #e9ecef; + color: #212529; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #212529; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #0062cc; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #212529; + padding: 0.286rem; + transition: box-shadow 0.15s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #007bff; + 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: #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: #212529; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 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 #dee2e6; + border-width: 1px 0 2px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + transition: box-shadow 0.15s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: rgba(38, 143, 255, 0.5); + } + .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: #ffffff; + background: #007bff; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: #007bff; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #007bff; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #212529; + transition: box-shadow 0.15s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 1px 0 0 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: box-shadow 0.15s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #495057; + 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 rgba(38, 143, 255, 0.5); + } + .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: #212529; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #efefef; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #007bff; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #efefef; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #0062cc; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(38, 143, 255, 0.5); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #007bff; + 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: #e9ecef; + color: #212529; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #212529; + } + .p-treetable .p-column-resizer-helper { + background: #007bff; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #efefef; + } + .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: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #212529; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 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 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .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 rgba(38, 143, 255, 0.5); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #efefef; + border-color: #dee2e6; + 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: #dee2e6; + background: #e9ecef; + color: #212529; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + 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: #212529; + 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: 1.5rem; + } + .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: #212529; + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: box-shadow 0.15s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem 1.25rem; + color: #212529; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .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 rgba(38, 143, 255, 0.5); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + background: #efefef; + color: #212529; + 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: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #495057; + 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 rgba(38, 143, 255, 0.5); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + 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 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + 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: #efefef; + border: 0 none; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + + .p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 4px; + color: #212529; + } + .p-splitter .p-splitter-gutter { + transition: box-shadow 0.15s; + background: #efefef; + } + .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 rgba(38, 143, 255, 0.5); + } + .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: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + 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 rgba(38, 143, 255, 0.5); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; + } + .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: #495057; + 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 rgba(38, 143, 255, 0.5); + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #efefef; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + 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 rgba(38, 143, 255, 0.5); + } + + .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.15s; + border-radius: 4px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #212529; + border: 1px solid #dee2e6; + border-width: 2px; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #6c757d; + font-weight: 600; + transition: box-shadow 0.15s; + } + .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 rgba(38, 143, 255, 0.5); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #007bff; + color: #ffffff; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #212529; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #007bff; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #212529; + } + .p-stepper .p-stepper-separator { + background-color: #dee2e6; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: box-shadow 0.15s; + } + .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: #212529; + } + .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: #007bff; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px; + box-shadow: none; + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1.25rem; + } + .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(0, 0, 0, 0); + border-bottom-color: rgba(0, 0, 0, 0.2); + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: rgba(0, 0, 0, 0.2); + } + .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: none; + border: 1px solid rgba(0, 0, 0, 0.2); + } + .p-dialog .p-dialog-header { + border-bottom: 1px solid #e9ecef; + background: #ffffff; + color: #212529; + padding: 1rem; + 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: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #495057; + 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 rgba(38, 143, 255, 0.5); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #212529; + padding: 1rem; + } + .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: 1px solid #e9ecef; + background: #ffffff; + color: #212529; + padding: 1rem; + 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: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px; + box-shadow: none; + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #007bff; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: box-shadow 0.15s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0069d9; + 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(0, 0, 0, 0); + border-bottom-color: rgba(0, 0, 0, 0.2); + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: rgba(0, 0, 0, 0.2); + } + + .p-sidebar { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: none; + } + .p-sidebar .p-sidebar-header { + padding: 1rem 1.25rem; + } + .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: box-shadow 0.15s; + } + .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: 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 rgba(38, 143, 255, 0.5); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1rem 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #212529; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: none; + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #212529; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #212529; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #212529; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #212529; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #efefef; + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + 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 rgba(38, 143, 255, 0.5); + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #007bff; + border-style: dashed; + background-color: #007bff; + } + .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: #0069d9; + color: #ffffff; + border-color: #0069d9; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0062cc; + color: #ffffff; + border-color: #0062cc; + } + + .p-breadcrumb { + background: #efefef; + border: 0 none; + border-radius: 4px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.15s; + 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 rgba(38, 143, 255, 0.5); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #007bff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #007bff; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #6c757d; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #6c757d; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6c757d; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 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 rgba(38, 143, 255, 0.5); + } + .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 1rem; + background: #efefef; + color: rgba(0, 0, 0, 0.9); + border: 0 none; + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 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: rgba(0, 0, 0, 0.5); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + 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: rgba(0, 0, 0, 0.5); + 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: rgba(0, 0, 0, 0.7); + background: transparent; + } + .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: rgba(0, 0, 0, 0.7); + } + .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: rgba(0, 0, 0, 0.7); + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + 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.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #007bff; + 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 1rem; + background: #efefef; + color: rgba(0, 0, 0, 0.9); + border: 0 none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .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: rgba(0, 0, 0, 0.7); + } + .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: rgba(0, 0, 0, 0.7); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 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: rgba(0, 0, 0, 0.5); + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .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.15s; + 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: #212529; + background: #efefef; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #212529; + padding: 1rem 1.25rem; + 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 rgba(38, 143, 255, 0.5); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #efefef; + border-color: #dee2e6; + 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: #dee2e6; + background: #e9ecef; + color: #212529; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + 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: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + 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: #212529; + } + .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: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + 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: #212529; + } + .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: #212529; + } + .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.5rem 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.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + 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: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 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: #212529; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-slidemenu .p-menuitem-badge { + background: #007bff; + 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: box-shadow 0.15s; + border-radius: 4px; + background: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #212529; + border: 1px solid #dee2e6; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 4px; + } + .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 rgba(38, 143, 255, 0.5); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #007bff; + color: #ffffff; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #212529; + } + .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: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #007bff; + 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; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + 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 rgba(38, 143, 255, 0.5); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; + } + .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: #495057; + 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 rgba(38, 143, 255, 0.5); + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 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.75rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 0px; + color: #004085; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #004085; + } + .p-inline-message.p-inline-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 0px; + color: #155724; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #155724; + } + .p-inline-message.p-inline-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 0px; + color: #856404; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #856404; + } + .p-inline-message.p-inline-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 0px; + color: #721c24; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #721c24; + } + .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.25rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: box-shadow 0.15s; + } + .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 rgba(38, 143, 255, 0.5); + } + .p-message.p-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; + } + .p-message.p-message-info .p-message-icon { + color: #004085; + } + .p-message.p-message-info .p-message-close { + color: #004085; + } + .p-message.p-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; + } + .p-message.p-message-success .p-message-icon { + color: #155724; + } + .p-message.p-message-success .p-message-close { + color: #155724; + } + .p-message.p-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; + } + .p-message.p-message-warn .p-message-icon { + color: #856404; + } + .p-message.p-message-warn .p-message-close { + color: #856404; + } + .p-message.p-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; + } + .p-message.p-message-error .p-message-icon { + color: #721c24; + } + .p-message.p-message-error .p-message-close { + color: #721c24; + } + .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: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + border-radius: 4px; + } + .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 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: box-shadow 0.15s; + } + .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 rgba(38, 143, 255, 0.5); + } + .p-toast .p-toast-message.p-toast-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; + } + .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: #004085; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; + } + .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: #155724; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; + } + .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: #856404; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; + } + .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: #721c24; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #efefef; + width: 4rem; + height: 4rem; + transition: box-shadow 0.15s; + border-radius: 4px; + } + .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: #efefef; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #efefef; + width: 4rem; + height: 4rem; + transition: box-shadow 0.15s; + 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: #efefef; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #efefef; + 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: box-shadow 0.15s; + border-radius: 4px; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #dee2e6; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #007bff; + 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: #007bff; + 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: #efefef; + width: 2rem; + height: 2rem; + transition: box-shadow 0.15s; + border-radius: 4px; + } + .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: #efefef; + } + .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 rgba(38, 143, 255, 0.5); + } + + .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: box-shadow 0.15s; + } + + .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: box-shadow 0.15s; + 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: 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: #007bff; + 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: #28a745; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #17a2b8; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #ffc107; + color: #212529; + } + .p-badge.p-badge-danger { + background-color: #dc3545; + 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: #212529; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: box-shadow 0.15s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #212529; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + + .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: #e9ecef; + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #007bff; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #007bff; + 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: #e9ecef; + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #007bff; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 4px; + box-shadow: none; + transition: box-shadow 0.15s; + } + .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: #efefef; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e9ecef; + 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: #007bff; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #28a745; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #17a2b8; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #ffc107; + color: #212529; + } + .p-tag.p-tag-danger { + background-color: #dc3545; + 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: #212529; + border: 1px solid #dee2e6; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +/* Vendor extensions to the designer enhanced bootstrap compatibility */ +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/bootstrap4-light-purple/theme.css b/booklore-ui/src/assets/layout/styles/theme/bootstrap4-light-purple/theme.css new file mode 100644 index 00000000..33ac784b --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/bootstrap4-light-purple/theme.css @@ -0,0 +1,6465 @@ +: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: #efefef; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #212529; + --text-color-secondary: #6c757d; + --primary-color: #883cae; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f8f9fa; + --surface-200: #e9ecef; + --surface-300: #dee2e6; + --surface-400: #ced4da; + --surface-500: #adb5bd; + --surface-600: #6c757d; + --surface-700: #495057; + --surface-800: #343a40; + --surface-900: #212529; + --gray-50: #f9fafb; + --gray-100: #f8f9fa; + --gray-200: #e9ecef; + --gray-300: #dee2e6; + --gray-400: #ced4da; + --gray-500: #adb5bd; + --gray-600: #6c757d; + --gray-700: #495057; + --gray-800: #343a40; + --gray-900: #212529; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #efefef; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #883cae; + --highlight-text-color: #ffffff; + --focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + color-scheme: light; +} + +:root { + --blue-50:#f3f8ff; + --blue-100:#c5dcff; + --blue-200:#97c1fe; + --blue-300:#69a5fe; + --blue-400:#3b8afd; + --blue-500:#0d6efd; + --blue-600:#0b5ed7; + --blue-700:#094db1; + --blue-800:#073d8b; + --blue-900:#052c65; + --green-50:#f4f9f6; + --green-100:#c8e2d6; + --green-200:#9ccbb5; + --green-300:#70b595; + --green-400:#459e74; + --green-500:#198754; + --green-600:#157347; + --green-700:#125f3b; + --green-800:#0e4a2e; + --green-900:#0a3622; + --yellow-50:#fffcf3; + --yellow-100:#fff0c3; + --yellow-200:#ffe494; + --yellow-300:#ffd965; + --yellow-400:#ffcd36; + --yellow-500:#ffc107; + --yellow-600:#d9a406; + --yellow-700:#b38705; + --yellow-800:#8c6a04; + --yellow-900:#664d03; + --cyan-50:#f3fcfe; + --cyan-100:#c5f2fb; + --cyan-200:#97e8f9; + --cyan-300:#69def6; + --cyan-400:#3bd4f3; + --cyan-500:#0dcaf0; + --cyan-600:#0baccc; + --cyan-700:#098da8; + --cyan-800:#076f84; + --cyan-900:#055160; + --pink-50:#fdf5f9; + --pink-100:#f5cee1; + --pink-200:#eda7ca; + --pink-300:#e681b3; + --pink-400:#de5a9b; + --pink-500:#d63384; + --pink-600:#b62b70; + --pink-700:#96245c; + --pink-800:#761c49; + --pink-900:#561435; + --indigo-50:#f7f3fe; + --indigo-100:#dac6fc; + --indigo-200:#bd98f9; + --indigo-300:#a06bf7; + --indigo-400:#833df4; + --indigo-500:#6610f2; + --indigo-600:#570ece; + --indigo-700:#470ba9; + --indigo-800:#380985; + --indigo-900:#290661; + --teal-50:#f4fcfa; + --teal-100:#c9f2e6; + --teal-200:#9fe8d2; + --teal-300:#75debf; + --teal-400:#4ad3ab; + --teal-500:#20c997; + --teal-600:#1bab80; + --teal-700:#168d6a; + --teal-800:#126f53; + --teal-900:#0d503c; + --orange-50:#fff9f3; + --orange-100:#ffe0c7; + --orange-200:#fec89a; + --orange-300:#feaf6d; + --orange-400:#fd9741; + --orange-500:#fd7e14; + --orange-600:#d76b11; + --orange-700:#b1580e; + --orange-800:#8b450b; + --orange-900:#653208; + --bluegray-50:#f8f9fb; + --bluegray-100:#e0e4ea; + --bluegray-200:#c7ced9; + --bluegray-300:#aeb9c8; + --bluegray-400:#95a3b8; + --bluegray-500:#7c8ea7; + --bluegray-600:#69798e; + --bluegray-700:#576375; + --bluegray-800:#444e5c; + --bluegray-900:#323943; + --purple-50:#f8f6fc; + --purple-100:#dcd2f0; + --purple-200:#c1aee4; + --purple-300:#a68ad9; + --purple-400:#8a66cd; + --purple-500:#6f42c1; + --purple-600:#5e38a4; + --purple-700:#4e2e87; + --purple-800:#3d246a; + --purple-900:#2c1a4d; + --red-50:#fdf5f6; + --red-100:#f7cfd2; + --red-200:#f0a8af; + --red-300:#e9828c; + --red-400:#e35b68; + --red-500:#dc3545; + --red-600:#bb2d3b; + --red-700:#9a2530; + --red-800:#791d26; + --red-900:#58151c; + --primary-50:#f9f5fb; + --primary-100:#e2d0ec; + --primary-200:#ccabdc; + --primary-300:#b586cd; + --primary-400:#9f61bd; + --primary-500:#883cae; + --primary-600:#743394; + --primary-700:#5f2a7a; + --primary-800:#4b2160; + --primary-900:#361846; +} + +.p-editor-container .p-editor-toolbar { + background: #efefef; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.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: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + 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: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #212529; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.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 #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + 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: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #212529; +} +.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: #883cae; +} +.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: #883cae; +} +.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: #883cae; +} +.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: #883cae; +} + +@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.15s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.65; + } + + .p-error { + color: #dc3545; + } + + .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: 4px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.107rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #ced4da; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #212529; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #dee2e6; + color: #212529; + 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: #212529; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #dc3545; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #883cae; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #703290; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #dc3545; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #495057; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #495057; + right: 3.107rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #dc3545; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + + .p-datepicker { + padding: 0; + background: #ffffff; + color: #212529; + border: 1px solid #ced4da; + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #efefef; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #212529; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + 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: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .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: 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 rgba(136, 60, 174, 0.5); + } + .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: #212529; + transition: box-shadow 0.15s; + 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: #883cae; + } + .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: box-shadow 0.15s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #ffffff; + background: #883cae; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #212529; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #ffffff; + background: #883cae; + } + .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: box-shadow 0.15s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #495057; + 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 rgba(136, 60, 174, 0.5); + } + .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.15s; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #ffffff; + background: #883cae; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #ffffff; + background: #883cae; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + padding-right: 0; + padding-left: 0; + 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 rgba(136, 60, 174, 0.5); + } + .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 rgba(136, 60, 174, 0.5); + } + .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 rgba(136, 60, 174, 0.5); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #495057; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #495057; + right: 3.107rem; + } + + @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.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #ced4da; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #dc3545; + } + .p-cascadeselect.p-variant-filled { + background-color: #efefef; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #efefef; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .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: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #883cae; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #703290; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #efefef; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #efefef; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #dc3545; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #495057; + right: 2.357rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 20px; + height: 20px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #212529; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.15s; + 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: #883cae; + background: #883cae; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #ced4da; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #68329e; + background: #68329e; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #efefef; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #883cae; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #efefef; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #68329e; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #dc3545; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #efefef; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #883cae; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #efefef; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #68329e; + } + + .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: #dc3545; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #ced4da; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #ced4da; + color: #212529; + } + .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: #212529; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #dc3545; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #495057; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #212529; + border: 1px solid #212529; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: none; + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #ced4da; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #495057; + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #dc3545; + } + .p-dropdown.p-variant-filled { + background-color: #efefef; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #efefef; + } + + .p-dropdown-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #883cae; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #703290; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #efefef; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #efefef; + } + .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: #dc3545; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #e9ecef; + color: #495057; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.5rem 0.75rem; + 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: 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.75rem; + color: #495057; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #495057; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #dc3545; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #495057; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #efefef; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #efefef; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #dc3545; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #495057; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.107rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.107rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #efefef; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #efefef; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #efefef; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 4px; + transition-duration: 0.15s; + } + .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 rgba(136, 60, 174, 0.5); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #ced4da; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #883cae; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #883cae; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #dc3545; + } + + .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.75rem; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: #ced4da; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #dc3545; + } + .p-inputtext.p-variant-filled { + background-color: #efefef; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #efefef; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6c757d; + transition-duration: 0.15s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #dc3545; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #495057; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #495057; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-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: #efefef; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #efefef; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #efefef; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #212529; + border: 1px solid #ced4da; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.5rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + transition: box-shadow 0.15s; + 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: #883cae; + } + .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: #212529; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #703290; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #e9ecef; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #e9ecef; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #dc3545; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #ced4da; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: #efefef; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #efefef; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #efefef; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #495057; + right: 2.357rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #495057; + 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 rgba(136, 60, 174, 0.5); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #883cae; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #703290; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #e9ecef; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + 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: #212529; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #efefef; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #efefef; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #dc3545; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #dc3545; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: none; + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e9ecef; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #dc3545; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffc107; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #28a745; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #495057; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #495057; + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #212529; + border-radius: 50%; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #ced4da; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.15s; + background-color: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #883cae; + background: #883cae; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #68329e; + background: #68329e; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #efefef; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #efefef; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #883cae; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #68329e; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #dc3545; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #efefef; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #883cae; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #68329e; + } + + .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: #495057; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + 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: #dc3545; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #883cae; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #883cae; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #dc3545; + } + + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ffffff; + } + + .p-selectbutton .p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + 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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + 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: #545b62; + border-color: #4e555b; + 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: #dc3545; + } + + .p-slider { + background: #e9ecef; + 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: #883cae; + border: 2px solid #883cae; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-slider .p-slider-range { + background: #883cae; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #7a38a7; + border-color: #7a38a7; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.15s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.15s; + } + + .p-togglebutton.p-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #5a6268; + border-color: #545b62; + 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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #545b62; + border-color: #4e555b; + 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: #545b62; + border-color: #4e555b; + 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: #dc3545; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #ced4da; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: #efefef; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #efefef; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #efefef; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #dc3545; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #495057; + 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 rgba(136, 60, 174, 0.5); + } + .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 1.5rem; + color: #212529; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #efefef; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #efefef; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #efefef; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #495057; + right: 2.357rem; + } + + .p-button { + color: #ffffff; + background: #883cae; + border: 1px solid #883cae; + padding: 0.5rem 0.75rem; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #7a38a7; + color: #ffffff; + border-color: #7a38a7; + } + .p-button:not(:disabled):active { + background: #68329e; + color: #ffffff; + border-color: #68329e; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #883cae; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(136, 60, 174, 0.04); + color: #883cae; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(136, 60, 174, 0.16); + color: #883cae; + 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: #883cae; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(136, 60, 174, 0.04); + color: #883cae; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(136, 60, 174, 0.16); + color: #883cae; + 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 rgba(136, 60, 174, 0.5); + } + .p-button .p-button-label { + transition-duration: 0.15s; + } + .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: #883cae; + 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.65625rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.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: #6c757d; + border: 1px solid #6c757d; + } + .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: #5a6268; + color: #ffffff; + border-color: #5a6268; + } + .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 rgba(130, 138, 145, 0.5); + } + .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: #545b62; + color: #ffffff; + border-color: #4e555b; + } + .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: #6c757d; + 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(108, 117, 125, 0.04); + color: #6c757d; + 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(108, 117, 125, 0.16); + color: #6c757d; + 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: #6c757d; + 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(108, 117, 125, 0.04); + border-color: transparent; + color: #6c757d; + } + .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(108, 117, 125, 0.16); + border-color: transparent; + color: #6c757d; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #17a2b8; + border: 1px solid #17a2b8; + } + .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: #138496; + color: #ffffff; + border-color: #117a8b; + } + .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 rgba(58, 176, 195, 0.5); + } + .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: #138496; + color: #ffffff; + border-color: #117a8b; + } + .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: #17a2b8; + 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(23, 162, 184, 0.04); + color: #17a2b8; + 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(23, 162, 184, 0.16); + color: #17a2b8; + 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: #17a2b8; + 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(23, 162, 184, 0.04); + border-color: transparent; + color: #17a2b8; + } + .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(23, 162, 184, 0.16); + border-color: transparent; + color: #17a2b8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #28a745; + border: 1px solid #28a745; + } + .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: #218838; + color: #ffffff; + border-color: #1e7e34; + } + .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 rgba(72, 180, 97, 0.5); + } + .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: #1e7e34; + color: #ffffff; + border-color: #1c7430; + } + .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: #28a745; + 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(40, 167, 69, 0.04); + color: #28a745; + 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(40, 167, 69, 0.16); + color: #28a745; + 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: #28a745; + 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(40, 167, 69, 0.04); + border-color: transparent; + color: #28a745; + } + .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(40, 167, 69, 0.16); + border-color: transparent; + color: #28a745; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #ffc107; + border: 1px solid #ffc107; + } + .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: #e0a800; + color: #212529; + border-color: #d39e00; + } + .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 rgba(222, 170, 12, 0.5); + } + .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: #d39e00; + color: #212529; + border-color: #c69500; + } + .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: #ffc107; + 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, 193, 7, 0.04); + color: #ffc107; + 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, 193, 7, 0.16); + color: #ffc107; + 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: #ffc107; + 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, 193, 7, 0.04); + border-color: transparent; + color: #ffc107; + } + .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, 193, 7, 0.16); + border-color: transparent; + color: #ffc107; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #6f42c1; + border: 1px solid #6f42c1; + } + .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: #633bad; + color: #ffffff; + border-color: #58349a; + } + .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 #d3c6ec; + } + .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: #58349a; + color: #ffffff; + border-color: #4d2e87; + } + .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: #6f42c1; + 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(111, 66, 193, 0.04); + color: #6f42c1; + 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(111, 66, 193, 0.16); + color: #6f42c1; + 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: #6f42c1; + 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(111, 66, 193, 0.04); + border-color: transparent; + color: #6f42c1; + } + .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(111, 66, 193, 0.16); + border-color: transparent; + color: #6f42c1; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #dc3545; + border: 1px solid #dc3545; + } + .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: #c82333; + color: #ffffff; + border-color: #bd2130; + } + .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 rgba(225, 83, 97, 0.5); + } + .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: #bd2130; + color: #ffffff; + border-color: #b21f2d; + } + .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: #dc3545; + 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(220, 53, 69, 0.04); + color: #dc3545; + 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(220, 53, 69, 0.16); + color: #dc3545; + 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: #dc3545; + 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(220, 53, 69, 0.04); + border-color: transparent; + color: #dc3545; + } + .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(220, 53, 69, 0.16); + border-color: transparent; + color: #dc3545; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212529; + border: 1px solid #212529; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #343a40; + color: #ffffff; + border-color: #343a40; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #495057; + color: #ffffff; + border-color: #495057; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212529; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + border-color: transparent; + color: #212529; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + border-color: transparent; + color: #212529; + } + + .p-button.p-button-link { + color: #883cae; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #7a38a7; + 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 rgba(136, 60, 174, 0.5); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #883cae; + 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 rgba(136, 60, 174, 0.5); + } + + .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: 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 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: box-shadow 0.15s; + 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: 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 rgba(136, 60, 174, 0.5); + } + .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: box-shadow 0.15s; + 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: #883cae; + color: #ffffff; + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 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 #dee2e6; + border-width: 1px 0 2px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + transition: box-shadow 0.15s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + } + .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: #ffffff; + background: #883cae; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: #883cae; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #883cae; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #883cae; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #883cae; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #212529; + transition: box-shadow 0.15s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 1px 0 0 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: box-shadow 0.15s; + } + .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: 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 rgba(136, 60, 174, 0.5); + } + .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 rgba(136, 60, 174, 0.5); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #883cae; + color: #ffffff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #883cae; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #883cae; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-datatable .p-column-resizer-helper { + background: #883cae; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #efefef; + } + .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: rgba(0, 0, 0, 0.05); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #883cae; + 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.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #212529; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 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: 1.25rem; + } + + .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: box-shadow 0.15s; + } + .p-column-filter-menu-button:hover { + color: #495057; + 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: #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: #883cae; + color: #ffffff; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-column-filter-clear-button:hover { + color: #495057; + 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 rgba(136, 60, 174, 0.5); + } + + .p-column-filter-overlay { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: none; + 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 1.5rem; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + 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: #883cae; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + 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 rgba(136, 60, 174, 0.5); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.5rem; + border-bottom: 1px solid #dee2e6; + color: #212529; + background: #efefef; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + 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 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .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: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-orderlist .p-orderlist-header { + color: #212529; + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1rem 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-orderlist .p-orderlist-list { + color: #212529; + 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 1.5rem; + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + } + .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: #212529; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #212529; + background: #dee2e6; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #ffffff; + background: #883cae; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #703290; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.05); + } + .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 1.5rem; + box-shadow: none; + border: 0 none; + color: #212529; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #883cae; + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #3e1b4f; + } + .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: #212529; + padding: 1.25rem; + } + .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 rgba(136, 60, 174, 0.5); + } + + .p-paginator { + background: #ffffff; + color: #883cae; + border: solid #dee2e6; + border-width: 0; + padding: 0.75rem; + border-radius: 4px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #883cae; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + 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: #e9ecef; + border-color: #dee2e6; + color: #883cae; + } + .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: #ffffff; + border: 1px solid #dee2e6; + color: #883cae; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: #ffffff; + border: 1px solid #dee2e6; + color: #883cae; + min-width: 2.357rem; + height: 2.357rem; + margin: 0 0 0 -1px; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #883cae; + border-color: #883cae; + color: #ffffff; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: #dee2e6; + color: #883cae; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .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: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-picklist .p-picklist-header { + color: #212529; + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1rem 1.25rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-picklist .p-picklist-list { + color: #212529; + 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 1.5rem; + margin: 0; + border: 0 none; + color: #212529; + background: transparent; + transition: box-shadow 0.15s; + } + .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: #212529; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #212529; + background: #dee2e6; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #ffffff; + background: #883cae; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #703290; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.05); + } + .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 1.5rem; + box-shadow: none; + border: 0 none; + color: #212529; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #883cae; + } + .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: #212529; + padding: 1.25rem; + 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 rgba(136, 60, 174, 0.5); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: box-shadow 0.15s; + padding: 0.286rem; + } + .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: box-shadow 0.15s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #495057; + 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 rgba(136, 60, 174, 0.5); + } + .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: #212529; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #efefef; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #883cae; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #efefef; + } + .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: #68329e; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #883cae; + 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: #e9ecef; + color: #212529; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #212529; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #495057; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #6d308b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #212529; + padding: 0.286rem; + transition: box-shadow 0.15s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #883cae; + 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: #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: #212529; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 1px 0 0 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 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 #dee2e6; + border-width: 1px 0 2px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + transition: box-shadow 0.15s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dee2e6; + border-width: 1px 0 1px 0; + font-weight: 600; + color: #212529; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: rgba(136, 60, 174, 0.5); + } + .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: #ffffff; + background: #883cae; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: #883cae; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #883cae; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #212529; + transition: box-shadow 0.15s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #dee2e6; + border-width: 1px 0 0 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: box-shadow 0.15s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #495057; + 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 rgba(136, 60, 174, 0.5); + } + .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: #212529; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #efefef; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #883cae; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #efefef; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #68329e; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(136, 60, 174, 0.5); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #883cae; + 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: #e9ecef; + color: #212529; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #212529; + } + .p-treetable .p-column-resizer-helper { + background: #883cae; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #efefef; + } + .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: #efefef; + color: #212529; + border: solid #dee2e6; + border-width: 1px 0 0 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #212529; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #efefef; + color: #212529; + border: 1px solid #dee2e6; + border-width: 1px 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 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .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 rgba(136, 60, 174, 0.5); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #efefef; + border-color: #dee2e6; + 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: #dee2e6; + background: #e9ecef; + color: #212529; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + 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: #212529; + 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: 1.5rem; + } + .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: #212529; + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + background: #efefef; + font-weight: 600; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: box-shadow 0.15s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem 1.25rem; + color: #212529; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .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 rgba(136, 60, 174, 0.5); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + background: #efefef; + color: #212529; + 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: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #495057; + 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 rgba(136, 60, 174, 0.5); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + 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 1.25rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + 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: #efefef; + border: 0 none; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + + .p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 4px; + color: #212529; + } + .p-splitter .p-splitter-gutter { + transition: box-shadow 0.15s; + background: #efefef; + } + .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 rgba(136, 60, 174, 0.5); + } + .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: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + 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 rgba(136, 60, 174, 0.5); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; + } + .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: #495057; + 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 rgba(136, 60, 174, 0.5); + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #efefef; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + 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 rgba(136, 60, 174, 0.5); + } + + .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.15s; + border-radius: 4px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #212529; + border: 1px solid #dee2e6; + border-width: 2px; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #6c757d; + font-weight: 600; + transition: box-shadow 0.15s; + } + .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 rgba(136, 60, 174, 0.5); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #883cae; + color: #ffffff; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #212529; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #883cae; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #212529; + } + .p-stepper .p-stepper-separator { + background-color: #dee2e6; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: box-shadow 0.15s; + } + .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: #212529; + } + .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: #883cae; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px; + box-shadow: none; + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1.25rem; + } + .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(0, 0, 0, 0); + border-bottom-color: rgba(0, 0, 0, 0.2); + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: rgba(0, 0, 0, 0.2); + } + .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: none; + border: 1px solid rgba(0, 0, 0, 0.2); + } + .p-dialog .p-dialog-header { + border-bottom: 1px solid #e9ecef; + background: #ffffff; + color: #212529; + padding: 1rem; + 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: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: box-shadow 0.15s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #495057; + 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 rgba(136, 60, 174, 0.5); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #212529; + padding: 1rem; + } + .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: 1px solid #e9ecef; + background: #ffffff; + color: #212529; + padding: 1rem; + 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: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px; + box-shadow: none; + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #883cae; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: box-shadow 0.15s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #7a38a7; + 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(0, 0, 0, 0); + border-bottom-color: rgba(0, 0, 0, 0.2); + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: rgba(0, 0, 0, 0.2); + } + + .p-sidebar { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: none; + } + .p-sidebar .p-sidebar-header { + padding: 1rem 1.25rem; + } + .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: box-shadow 0.15s; + } + .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: 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 rgba(136, 60, 174, 0.5); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1rem 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #212529; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: none; + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #212529; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #212529; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #212529; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #212529; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #efefef; + padding: 1rem 1.25rem; + border: 1px solid #dee2e6; + color: #212529; + 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 rgba(136, 60, 174, 0.5); + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #883cae; + border-style: dashed; + background-color: #883cae; + } + .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: #7a38a7; + color: #ffffff; + border-color: #7a38a7; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #68329e; + color: #ffffff; + border-color: #68329e; + } + + .p-breadcrumb { + background: #efefef; + border: 0 none; + border-radius: 4px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.15s; + 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 rgba(136, 60, 174, 0.5); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #883cae; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #883cae; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #6c757d; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #6c757d; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6c757d; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 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 rgba(136, 60, 174, 0.5); + } + .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 1rem; + background: #efefef; + color: rgba(0, 0, 0, 0.9); + border: 0 none; + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #212529; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 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: rgba(0, 0, 0, 0.5); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + 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: rgba(0, 0, 0, 0.5); + 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: rgba(0, 0, 0, 0.7); + background: transparent; + } + .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: rgba(0, 0, 0, 0.7); + } + .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: rgba(0, 0, 0, 0.7); + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #212529; + 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.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #883cae; + 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 1rem; + background: #efefef; + color: rgba(0, 0, 0, 0.9); + border: 0 none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .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: rgba(0, 0, 0, 0.7); + } + .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: rgba(0, 0, 0, 0.7); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 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: rgba(0, 0, 0, 0.5); + border-radius: 50%; + transition: box-shadow 0.15s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .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.15s; + 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: #212529; + background: #efefef; + border-radius: 4px; + transition: box-shadow 0.15s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #212529; + padding: 1rem 1.25rem; + 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 rgba(136, 60, 174, 0.5); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #e9ecef; + border-color: #dee2e6; + color: #212529; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #efefef; + border-color: #dee2e6; + 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: #dee2e6; + background: #e9ecef; + color: #212529; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #212529; + 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: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + 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: #212529; + } + .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: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + 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: #212529; + } + .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: #212529; + } + .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.5rem 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.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + 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: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 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: #212529; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-slidemenu .p-menuitem-badge { + background: #883cae; + 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: box-shadow 0.15s; + border-radius: 4px; + background: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #212529; + border: 1px solid #dee2e6; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 4px; + } + .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 rgba(136, 60, 174, 0.5); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #883cae; + color: #ffffff; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #212529; + } + .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: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #883cae; + 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; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + 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 rgba(136, 60, 174, 0.5); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; + } + .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: #495057; + 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 rgba(136, 60, 174, 0.5); + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #212529; + transition: box-shadow 0.15s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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: #e9ecef; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: #212529; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 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.75rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 0px; + color: #004085; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #004085; + } + .p-inline-message.p-inline-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 0px; + color: #155724; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #155724; + } + .p-inline-message.p-inline-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 0px; + color: #856404; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #856404; + } + .p-inline-message.p-inline-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 0px; + color: #721c24; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #721c24; + } + .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.25rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: box-shadow 0.15s; + } + .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 rgba(136, 60, 174, 0.5); + } + .p-message.p-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; + } + .p-message.p-message-info .p-message-icon { + color: #004085; + } + .p-message.p-message-info .p-message-close { + color: #004085; + } + .p-message.p-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; + } + .p-message.p-message-success .p-message-icon { + color: #155724; + } + .p-message.p-message-success .p-message-close { + color: #155724; + } + .p-message.p-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; + } + .p-message.p-message-warn .p-message-icon { + color: #856404; + } + .p-message.p-message-warn .p-message-close { + color: #856404; + } + .p-message.p-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; + } + .p-message.p-message-error .p-message-icon { + color: #721c24; + } + .p-message.p-message-error .p-message-close { + color: #721c24; + } + .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: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + border-radius: 4px; + } + .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 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: box-shadow 0.15s; + } + .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 rgba(136, 60, 174, 0.5); + } + .p-toast .p-toast-message.p-toast-message-info { + background: #cce5ff; + border: solid #b8daff; + border-width: 1px; + color: #004085; + } + .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: #004085; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #d4edda; + border: solid #c3e6cb; + border-width: 1px; + color: #155724; + } + .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: #155724; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #fff3cd; + border: solid #ffeeba; + border-width: 1px; + color: #856404; + } + .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: #856404; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #f8d7da; + border: solid #f5c6cb; + border-width: 1px; + color: #721c24; + } + .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: #721c24; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #efefef; + width: 4rem; + height: 4rem; + transition: box-shadow 0.15s; + border-radius: 4px; + } + .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: #efefef; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #efefef; + width: 4rem; + height: 4rem; + transition: box-shadow 0.15s; + 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: #efefef; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #efefef; + 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: box-shadow 0.15s; + border-radius: 4px; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #dee2e6; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #883cae; + 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: #883cae; + 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: #efefef; + width: 2rem; + height: 2rem; + transition: box-shadow 0.15s; + border-radius: 4px; + } + .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: #efefef; + } + .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 rgba(136, 60, 174, 0.5); + } + + .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: box-shadow 0.15s; + } + + .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: box-shadow 0.15s; + 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: 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: #883cae; + 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: #28a745; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #17a2b8; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #ffc107; + color: #212529; + } + .p-badge.p-badge-danger { + background-color: #dc3545; + 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: #212529; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: box-shadow 0.15s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #212529; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + + .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: #e9ecef; + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #883cae; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #883cae; + 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: #e9ecef; + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #883cae; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 4px; + box-shadow: none; + transition: box-shadow 0.15s; + } + .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: #efefef; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e9ecef; + 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: #883cae; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #28a745; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #17a2b8; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #ffc107; + color: #212529; + } + .p-tag.p-tag-danger { + background-color: #dc3545; + 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: #212529; + border: 1px solid #dee2e6; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +/* Vendor extensions to the designer enhanced bootstrap compatibility */ +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/fluent-light/theme.css b/booklore-ui/src/assets/layout/styles/theme/fluent-light/theme.css new file mode 100644 index 00000000..35948c65 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/fluent-light/theme.css @@ -0,0 +1,6551 @@ +: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/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/theme.css new file mode 100644 index 00000000..68a28b57 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-dark-amber/theme.css @@ -0,0 +1,6404 @@ +: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: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #fbbf24; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(251, 191, 36, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fffcf4; + --primary-100:#fef0ca; + --primary-200:#fde3a1; + --primary-300:#fdd777; + --primary-400:#fccb4e; + --primary-500:#fbbf24; + --primary-600:#d5a21f; + --primary-700:#b08619; + --primary-800:#8a6914; + --primary-900:#644c0e; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #fbbf24; +} +.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: #fbbf24; +} +.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: #fbbf24; +} +.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: #fbbf24; +} + +@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.4; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #fbbf24; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + 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: #fbbf24; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + 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: #fbbf24; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: 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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + 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: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #fbbf24; + background: #fbbf24; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #fbbf24; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #fde68a; + background: #fde68a; + color: #030712; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #fbbf24; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #fde68a; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #fbbf24; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #111827; + border: 1px solid #424b57; + 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: #fbbf24; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(251, 191, 36, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #fbbf24; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #fcd34d; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + 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: #fbbf24; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + 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: #fbbf24; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .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.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + 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: #fbbf24; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #fbbf24; + background: #fbbf24; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #fde68a; + background: #fde68a; + color: #030712; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #fbbf24; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #fde68a; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #fbbf24; + border-color: #fbbf24; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #fcd34d; + border-color: #fcd34d; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #424b57; + border: 2px solid #fbbf24; + 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 rgba(251, 191, 36, 0.2); + } + .p-slider .p-slider-range { + background: #fbbf24; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #fbbf24; + border-color: #fbbf24; + } + .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: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #fbbf24; + border-color: #fbbf24; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #fcd34d; + border-color: #fcd34d; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + 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: #fbbf24; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #fbbf24; + border: 1px solid #fbbf24; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #fcd34d; + color: #030712; + border-color: #fcd34d; + } + .p-button:not(:disabled):active { + background: #fde68a; + color: #030712; + border-color: #fde68a; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .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: #fbbf24; + background-color: #030712; + } + .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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .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: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .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 1px #b4bfcd; + } + .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: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .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: #94a3b8; + 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(148, 163, 184, 0.04); + color: #94a3b8; + 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(148, 163, 184, 0.16); + color: #94a3b8; + 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: #94a3b8; + 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(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .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(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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 1px #74d1fa; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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 1px #80e8a6; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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 1px #fcb377; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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 #d3a9fd; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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 1px #fa9c9c; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #fbbf24; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #fbbf24; + 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 rgba(251, 191, 36, 0.2); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #fbbf24; + 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 rgba(251, 191, 36, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + .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: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + .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 rgba(251, 191, 36, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #fbbf24; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + } + .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: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(157, 114, 3, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 rgba(251, 191, 36, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .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.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(251, 191, 36, 0.16); + border-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #fbbf24; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .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 #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(225, 164, 4, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(251, 191, 36, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(251, 191, 36, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #fbbf24; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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: 1.25rem; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + 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 rgba(251, 191, 36, 0.2); + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .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 rgba(251, 191, 36, 0.2); + } + + .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: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(251, 191, 36, 0.2); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #fbbf24; + } + .p-stepper .p-stepper-panels { + background: #1f2937; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #424b57; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + } + .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: #fbbf24; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + 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 #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #fbbf24; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #fbbf24; + color: #fbbf24; + } + .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: #1f2937; + color: #fbbf24; + width: 3rem; + 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 rgba(251, 191, 36, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .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 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: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #fbbf24; + color: #030712; + 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: #fcd34d; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(251, 191, 36, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #fbbf24; + border-style: dashed; + background-color: rgba(251, 191, 36, 0.16); + } + .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: #fcd34d; + color: #030712; + border-color: #fcd34d; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fde68a; + color: #030712; + border-color: #fde68a; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + } + .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: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 rgba(251, 191, 36, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #424b57; + 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.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .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 rgba(251, 191, 36, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #fbbf24; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #fbbf24; + color: #fbbf24; + } + .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: #1f2937; + color: #fbbf24; + width: 3rem; + 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 rgba(251, 191, 36, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 rgba(251, 191, 36, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .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: 1; + } + .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: 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 rgba(251, 191, 36, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .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: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .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: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .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: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .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: #fca5a5; + } + + .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: #424b57; + 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: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 rgba(251, 191, 36, 0.2); + } + + .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: #424b57; + 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 #1f2937; + } + + .p-badge { + background: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .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: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #fbbf24; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #fbbf24; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #fbbf24; + } + .p-progressbar .p-progressbar-label { + color: #030712; + 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(251, 191, 36, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(251, 191, 36, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 191, 36, 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(148, 163, 184, 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(74, 222, 128, 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(56, 189, 248, 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(251, 146, 60, 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(192, 132, 252, 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(248, 113, 113, 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 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fbbf24; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fbbf24; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 191, 36, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fbbf24; + color: #030712; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/theme.css new file mode 100644 index 00000000..e92b6fcf --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-dark-blue/theme.css @@ -0,0 +1,6576 @@ +: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: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #60a5fa; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(96, 165, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f7fbff; + --primary-100:#d9e9fe; + --primary-200:#bbd8fd; + --primary-300:#9cc7fc; + --primary-400:#7eb6fb; + --primary-500:#60a5fa; + --primary-600:#528cd5; + --primary-700:#4374af; + --primary-800:#355b8a; + --primary-900:#264264; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #60a5fa; +} +.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: #60a5fa; +} +.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: #60a5fa; +} +.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: #60a5fa; +} + +@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.4; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #60a5fa; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + 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: #60a5fa; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #60a5fa; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + 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: #60a5fa; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #424b57; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: 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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + 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: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #60a5fa; + background: #60a5fa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #60a5fa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #bfdbfe; + background: #bfdbfe; + color: #030712; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #bfdbfe; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #bfdbfe; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #60a5fa; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #111827; + border: 1px solid #424b57; + 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: #60a5fa; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #424b57; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #424b57; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #424b57; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #424b57; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #424b57; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(96, 165, 250, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #60a5fa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #93c5fd; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + 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: #60a5fa; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #424b57; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #424b57; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + 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: #60a5fa; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #424b57; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #424b57; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #424b57; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .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.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + 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: #60a5fa; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #60a5fa; + background: #60a5fa; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #bfdbfe; + background: #bfdbfe; + color: #030712; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #424b57; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #60a5fa; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #bfdbfe; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #60a5fa; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #bfdbfe; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #60a5fa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #60a5fa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #60a5fa; + border-color: #60a5fa; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #93c5fd; + border-color: #93c5fd; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .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: #424b57; + border: 2px solid #60a5fa; + 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 rgba(96, 165, 250, 0.2); + } + .p-slider .p-slider-range { + background: #60a5fa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #60a5fa; + border-color: #60a5fa; + } + .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: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #60a5fa; + border-color: #60a5fa; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #93c5fd; + border-color: #93c5fd; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + 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: #60a5fa; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #424b57; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #60a5fa; + border: 1px solid #60a5fa; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #93c5fd; + color: #030712; + border-color: #93c5fd; + } + .p-button:not(:disabled):active { + background: #bfdbfe; + color: #030712; + border-color: #bfdbfe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .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: #60a5fa; + background-color: #030712; + } + .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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .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: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .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 1px #b4bfcd; + } + .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: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .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: #94a3b8; + 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(148, 163, 184, 0.04); + color: #94a3b8; + 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(148, 163, 184, 0.16); + color: #94a3b8; + 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: #94a3b8; + 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(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .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(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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 1px #74d1fa; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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 1px #80e8a6; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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 1px #fcb377; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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 #d3a9fd; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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 1px #fa9c9c; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #60a5fa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #60a5fa; + 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 rgba(96, 165, 250, 0.2); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #60a5fa; + 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 rgba(96, 165, 250, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + .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: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + .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 rgba(96, 165, 250, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(96, 165, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #60a5fa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + } + .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: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(7, 99, 212, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 rgba(96, 165, 250, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .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.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(96, 165, 250, 0.16); + border-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #60a5fa; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .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 #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .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: #bfdbfe; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(29, 127, 248, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(96, 165, 250, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #bfdbfe; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(96, 165, 250, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #60a5fa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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: 1.25rem; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + 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 rgba(96, 165, 250, 0.2); + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + 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 #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #60a5fa; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #60a5fa; + color: #60a5fa; + } + .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: #1f2937; + color: #60a5fa; + width: 3rem; + 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 rgba(96, 165, 250, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + 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 rgba(96, 165, 250, 0.2); + } + + .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: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(96, 165, 250, 0.2); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #60a5fa; + } + .p-stepper .p-stepper-panels { + background: #1f2937; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #424b57; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + } + .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: #60a5fa; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .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 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: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #60a5fa; + color: #030712; + 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: #93c5fd; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(96, 165, 250, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #60a5fa; + border-style: dashed; + background-color: rgba(96, 165, 250, 0.16); + } + .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: #93c5fd; + color: #030712; + border-color: #93c5fd; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #bfdbfe; + color: #030712; + border-color: #bfdbfe; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + } + .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: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #60a5fa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 rgba(96, 165, 250, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #424b57; + 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.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #60a5fa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .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 rgba(96, 165, 250, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #60a5fa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #60a5fa; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #60a5fa; + color: #60a5fa; + } + .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: #1f2937; + color: #60a5fa; + width: 3rem; + 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 rgba(96, 165, 250, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 rgba(96, 165, 250, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .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-message.p-message-secondary { + background: #94a3b8; + border: solid #94a3b8; + border-width: 0 0 0 6px; + color: #020617; + } + .p-message.p-message-secondary .p-message-icon { + color: #020617; + } + .p-message.p-message-secondary .p-message-close { + color: #020617; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #ffffff; + border-width: 0 0 0 6px; + color: #111827; + } + .p-message.p-message-contrast .p-message-icon { + color: #111827; + } + .p-message.p-message-contrast .p-message-close { + color: #111827; + } + + .p-toast { + opacity: 1; + } + .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: 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 rgba(96, 165, 250, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .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: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .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: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .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: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .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: #fca5a5; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #94a3b8; + border: solid #94a3b8; + border-width: 0 0 0 6px; + color: #020617; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #020617; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #ffffff; + border-width: 0 0 0 6px; + color: #111827; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #111827; + } + + .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: #424b57; + 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: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 rgba(96, 165, 250, 0.2); + } + + .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: #424b57; + 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 #1f2937; + } + + .p-badge { + background: #60a5fa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #111827; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + + .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: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #60a5fa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #60a5fa; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #60a5fa; + } + .p-progressbar .p-progressbar-label { + color: #030712; + 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(96, 165, 250, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(96, 165, 250, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #60a5fa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #111827; + } + + .p-terminal { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #60a5fa; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #60a5fa; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 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(148, 163, 184, 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(74, 222, 128, 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(56, 189, 248, 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(251, 146, 60, 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(192, 132, 252, 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(248, 113, 113, 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 #60a5fa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #60a5fa; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #60a5fa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #60a5fa; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #60a5fa; + color: #030712; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/theme.css new file mode 100644 index 00000000..1e046c95 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-dark-cyan/theme.css @@ -0,0 +1,6404 @@ +: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: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #22d3ee; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(34, 211, 238, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f4fdfe; + --primary-100:#caf4fb; + --primary-200:#a0ecf8; + --primary-300:#76e4f4; + --primary-400:#4cdbf1; + --primary-500:#22d3ee; + --primary-600:#1db3ca; + --primary-700:#1894a7; + --primary-800:#137483; + --primary-900:#0e545f; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #22d3ee; +} +.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: #22d3ee; +} +.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: #22d3ee; +} +.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: #22d3ee; +} + +@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.4; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #22d3ee; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + 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: #22d3ee; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + 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: #22d3ee; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: 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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + 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: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #22d3ee; + background: #22d3ee; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #22d3ee; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a5f3fc; + background: #a5f3fc; + color: #030712; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #22d3ee; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a5f3fc; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #22d3ee; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #111827; + border: 1px solid #424b57; + 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: #22d3ee; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(34, 211, 238, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #22d3ee; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #67e8f9; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + 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: #22d3ee; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + 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: #22d3ee; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .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.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + 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: #22d3ee; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #22d3ee; + background: #22d3ee; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a5f3fc; + background: #a5f3fc; + color: #030712; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #22d3ee; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a5f3fc; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #22d3ee; + border-color: #22d3ee; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #67e8f9; + border-color: #67e8f9; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #424b57; + border: 2px solid #22d3ee; + 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 rgba(34, 211, 238, 0.2); + } + .p-slider .p-slider-range { + background: #22d3ee; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #22d3ee; + border-color: #22d3ee; + } + .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: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #22d3ee; + border-color: #22d3ee; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #67e8f9; + border-color: #67e8f9; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + 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: #22d3ee; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #22d3ee; + border: 1px solid #22d3ee; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #67e8f9; + color: #030712; + border-color: #67e8f9; + } + .p-button:not(:disabled):active { + background: #a5f3fc; + color: #030712; + border-color: #a5f3fc; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .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: #22d3ee; + background-color: #030712; + } + .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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .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: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .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 1px #b4bfcd; + } + .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: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .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: #94a3b8; + 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(148, 163, 184, 0.04); + color: #94a3b8; + 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(148, 163, 184, 0.16); + color: #94a3b8; + 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: #94a3b8; + 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(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .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(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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 1px #74d1fa; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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 1px #80e8a6; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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 1px #fcb377; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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 #d3a9fd; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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 1px #fa9c9c; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #22d3ee; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #22d3ee; + 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 rgba(34, 211, 238, 0.2); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #22d3ee; + 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 rgba(34, 211, 238, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + .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: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + .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 rgba(34, 211, 238, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #22d3ee; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + } + .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: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(10, 118, 134, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 rgba(34, 211, 238, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .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.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(34, 211, 238, 0.16); + border-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #22d3ee; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .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 #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(16, 177, 202, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(34, 211, 238, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(34, 211, 238, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #22d3ee; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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: 1.25rem; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + 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 rgba(34, 211, 238, 0.2); + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .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 rgba(34, 211, 238, 0.2); + } + + .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: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(34, 211, 238, 0.2); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #22d3ee; + } + .p-stepper .p-stepper-panels { + background: #1f2937; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #424b57; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + } + .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: #22d3ee; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + 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 #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #22d3ee; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #22d3ee; + color: #22d3ee; + } + .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: #1f2937; + color: #22d3ee; + width: 3rem; + 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 rgba(34, 211, 238, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .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 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: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #22d3ee; + color: #030712; + 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: #67e8f9; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(34, 211, 238, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #22d3ee; + border-style: dashed; + background-color: rgba(34, 211, 238, 0.16); + } + .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: #67e8f9; + color: #030712; + border-color: #67e8f9; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a5f3fc; + color: #030712; + border-color: #a5f3fc; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + } + .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: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 rgba(34, 211, 238, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #424b57; + 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.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .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 rgba(34, 211, 238, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #22d3ee; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #22d3ee; + color: #22d3ee; + } + .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: #1f2937; + color: #22d3ee; + width: 3rem; + 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 rgba(34, 211, 238, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 rgba(34, 211, 238, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .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: 1; + } + .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: 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 rgba(34, 211, 238, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .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: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .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: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .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: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .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: #fca5a5; + } + + .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: #424b57; + 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: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 rgba(34, 211, 238, 0.2); + } + + .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: #424b57; + 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 #1f2937; + } + + .p-badge { + background: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .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: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #22d3ee; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #22d3ee; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #22d3ee; + } + .p-progressbar .p-progressbar-label { + color: #030712; + 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(34, 211, 238, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(34, 211, 238, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(34, 211, 238, 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(148, 163, 184, 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(74, 222, 128, 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(56, 189, 248, 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(251, 146, 60, 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(192, 132, 252, 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(248, 113, 113, 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 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #22d3ee; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #22d3ee; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(34, 211, 238, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #22d3ee; + color: #030712; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/theme.css new file mode 100644 index 00000000..fd812fbb --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-dark-green/theme.css @@ -0,0 +1,6404 @@ +: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: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #34d399; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(52, 211, 153, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f5fdfa; + --primary-100:#cef4e7; + --primary-200:#a8ecd3; + --primary-300:#81e4c0; + --primary-400:#5bdbac; + --primary-500:#34d399; + --primary-600:#2cb382; + --primary-700:#24946b; + --primary-800:#1d7454; + --primary-900:#15543d; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #34d399; +} +.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: #34d399; +} +.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: #34d399; +} +.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: #34d399; +} + +@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.4; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #34d399; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + 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: #34d399; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #34d399; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + 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: #34d399; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: 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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + 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: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #34d399; + background: #34d399; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #34d399; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a7f3d0; + background: #a7f3d0; + color: #030712; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #34d399; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a7f3d0; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #34d399; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #111827; + border: 1px solid #424b57; + 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: #34d399; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(52, 211, 153, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #34d399; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6ee7b7; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + 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: #34d399; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + 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: #34d399; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .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.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + 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: #34d399; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #34d399; + background: #34d399; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a7f3d0; + background: #a7f3d0; + color: #030712; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #34d399; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a7f3d0; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #34d399; + border-color: #34d399; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #6ee7b7; + border-color: #6ee7b7; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #424b57; + border: 2px solid #34d399; + 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 rgba(52, 211, 153, 0.2); + } + .p-slider .p-slider-range { + background: #34d399; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #34d399; + border-color: #34d399; + } + .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: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #34d399; + border-color: #34d399; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #6ee7b7; + border-color: #6ee7b7; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + 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: #34d399; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #34d399; + border: 1px solid #34d399; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #6ee7b7; + color: #030712; + border-color: #6ee7b7; + } + .p-button:not(:disabled):active { + background: #a7f3d0; + color: #030712; + border-color: #a7f3d0; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .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: #34d399; + background-color: #030712; + } + .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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .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: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .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 1px #b4bfcd; + } + .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: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .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: #94a3b8; + 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(148, 163, 184, 0.04); + color: #94a3b8; + 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(148, 163, 184, 0.16); + color: #94a3b8; + 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: #94a3b8; + 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(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .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(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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 1px #74d1fa; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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 1px #80e8a6; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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 1px #fcb377; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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 #d3a9fd; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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 1px #fa9c9c; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #34d399; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #34d399; + 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 rgba(52, 211, 153, 0.2); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #34d399; + 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 rgba(52, 211, 153, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + .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: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + .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 rgba(52, 211, 153, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #34d399; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + } + .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: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(24, 111, 80, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 rgba(52, 211, 153, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .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.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(52, 211, 153, 0.16); + border-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #34d399; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .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 #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(37, 173, 124, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(52, 211, 153, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(52, 211, 153, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #34d399; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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: 1.25rem; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + 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 rgba(52, 211, 153, 0.2); + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .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 rgba(52, 211, 153, 0.2); + } + + .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: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(52, 211, 153, 0.2); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #34d399; + } + .p-stepper .p-stepper-panels { + background: #1f2937; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #424b57; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + } + .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: #34d399; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + 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 #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #34d399; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #34d399; + color: #34d399; + } + .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: #1f2937; + color: #34d399; + width: 3rem; + 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 rgba(52, 211, 153, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .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 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: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #34d399; + color: #030712; + 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: #6ee7b7; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(52, 211, 153, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #34d399; + border-style: dashed; + background-color: rgba(52, 211, 153, 0.16); + } + .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: #6ee7b7; + color: #030712; + border-color: #6ee7b7; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a7f3d0; + color: #030712; + border-color: #a7f3d0; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + } + .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: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 rgba(52, 211, 153, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #424b57; + 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.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .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 rgba(52, 211, 153, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #34d399; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #34d399; + color: #34d399; + } + .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: #1f2937; + color: #34d399; + width: 3rem; + 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 rgba(52, 211, 153, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 rgba(52, 211, 153, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .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: 1; + } + .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: 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 rgba(52, 211, 153, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .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: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .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: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .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: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .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: #fca5a5; + } + + .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: #424b57; + 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: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 rgba(52, 211, 153, 0.2); + } + + .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: #424b57; + 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 #1f2937; + } + + .p-badge { + background: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .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: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #34d399; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #34d399; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #34d399; + } + .p-progressbar .p-progressbar-label { + color: #030712; + 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(52, 211, 153, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(52, 211, 153, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #34d399; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #34d399; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(52, 211, 153, 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(148, 163, 184, 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(74, 222, 128, 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(56, 189, 248, 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(251, 146, 60, 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(192, 132, 252, 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(248, 113, 113, 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 #34d399; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #34d399; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #34d399; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #34d399; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(52, 211, 153, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #34d399; + color: #030712; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/theme.css new file mode 100644 index 00000000..d5ebed27 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-dark-indigo/theme.css @@ -0,0 +1,6576 @@ +: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: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #818cf8; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(129, 140, 248, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f9f9ff; + --primary-100:#e1e3fd; + --primary-200:#c9cefc; + --primary-300:#b1b8fb; + --primary-400:#99a2f9; + --primary-500:#818cf8; + --primary-600:#6e77d3; + --primary-700:#5a62ae; + --primary-800:#474d88; + --primary-900:#343863; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #818cf8; +} +.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: #818cf8; +} +.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: #818cf8; +} +.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: #818cf8; +} + +@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.4; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #818cf8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + 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: #818cf8; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #818cf8; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + 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: #818cf8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #424b57; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + 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: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #818cf8; + background: #818cf8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #818cf8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #c7d2fe; + background: #c7d2fe; + color: #030712; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #c7d2fe; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #c7d2fe; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #818cf8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #111827; + border: 1px solid #424b57; + 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: #818cf8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #424b57; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #424b57; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #424b57; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #424b57; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #424b57; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(129, 140, 248, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #818cf8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #a5b4fc; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + 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: #818cf8; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #424b57; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #424b57; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + 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: #818cf8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #424b57; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #424b57; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #424b57; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .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.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + 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: #818cf8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #818cf8; + background: #818cf8; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #c7d2fe; + background: #c7d2fe; + color: #030712; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #424b57; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #818cf8; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #c7d2fe; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #818cf8; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #c7d2fe; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #818cf8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #818cf8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #818cf8; + border-color: #818cf8; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #a5b4fc; + border-color: #a5b4fc; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .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: #424b57; + border: 2px solid #818cf8; + 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 rgba(129, 140, 248, 0.2); + } + .p-slider .p-slider-range { + background: #818cf8; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #818cf8; + border-color: #818cf8; + } + .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: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #818cf8; + border-color: #818cf8; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #a5b4fc; + border-color: #a5b4fc; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + 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: #818cf8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #424b57; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #818cf8; + border: 1px solid #818cf8; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #a5b4fc; + color: #030712; + border-color: #a5b4fc; + } + .p-button:not(:disabled):active { + background: #c7d2fe; + color: #030712; + border-color: #c7d2fe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .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: #818cf8; + background-color: #030712; + } + .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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .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: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .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 1px #b4bfcd; + } + .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: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .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: #94a3b8; + 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(148, 163, 184, 0.04); + color: #94a3b8; + 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(148, 163, 184, 0.16); + color: #94a3b8; + 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: #94a3b8; + 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(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .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(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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 1px #74d1fa; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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 1px #80e8a6; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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 1px #fcb377; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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 #d3a9fd; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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 1px #fa9c9c; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #818cf8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #818cf8; + 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 rgba(129, 140, 248, 0.2); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #818cf8; + 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 rgba(129, 140, 248, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + .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: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + .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 rgba(129, 140, 248, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(129, 140, 248, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(129, 140, 248, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #818cf8; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + } + .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: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(13, 34, 236, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 rgba(129, 140, 248, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .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.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(129, 140, 248, 0.16); + border-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #818cf8; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .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 #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .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: #c7d2fe; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(58, 75, 244, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(129, 140, 248, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #c7d2fe; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(129, 140, 248, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #818cf8; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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: 1.25rem; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + 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 rgba(129, 140, 248, 0.2); + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + 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 #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #818cf8; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #818cf8; + color: #818cf8; + } + .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: #1f2937; + color: #818cf8; + width: 3rem; + 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 rgba(129, 140, 248, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + 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 rgba(129, 140, 248, 0.2); + } + + .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: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(129, 140, 248, 0.2); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #818cf8; + } + .p-stepper .p-stepper-panels { + background: #1f2937; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #424b57; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + } + .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: #818cf8; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .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 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: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #818cf8; + color: #030712; + 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: #a5b4fc; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(129, 140, 248, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #818cf8; + border-style: dashed; + background-color: rgba(129, 140, 248, 0.16); + } + .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: #a5b4fc; + color: #030712; + border-color: #a5b4fc; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #c7d2fe; + color: #030712; + border-color: #c7d2fe; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + } + .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: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #818cf8; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 rgba(129, 140, 248, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #424b57; + 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.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #818cf8; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .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 rgba(129, 140, 248, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #818cf8; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #818cf8; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #818cf8; + color: #818cf8; + } + .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: #1f2937; + color: #818cf8; + width: 3rem; + 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 rgba(129, 140, 248, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 rgba(129, 140, 248, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .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-message.p-message-secondary { + background: #94a3b8; + border: solid #94a3b8; + border-width: 0 0 0 6px; + color: #020617; + } + .p-message.p-message-secondary .p-message-icon { + color: #020617; + } + .p-message.p-message-secondary .p-message-close { + color: #020617; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #ffffff; + border-width: 0 0 0 6px; + color: #111827; + } + .p-message.p-message-contrast .p-message-icon { + color: #111827; + } + .p-message.p-message-contrast .p-message-close { + color: #111827; + } + + .p-toast { + opacity: 1; + } + .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: 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 rgba(129, 140, 248, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .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: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .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: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .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: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .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: #fca5a5; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #94a3b8; + border: solid #94a3b8; + border-width: 0 0 0 6px; + color: #020617; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #020617; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #ffffff; + border-width: 0 0 0 6px; + color: #111827; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #111827; + } + + .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: #424b57; + 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: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 rgba(129, 140, 248, 0.2); + } + + .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: #424b57; + 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 #1f2937; + } + + .p-badge { + background: #818cf8; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #111827; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + + .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: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #818cf8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #818cf8; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #818cf8; + } + .p-progressbar .p-progressbar-label { + color: #030712; + 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(129, 140, 248, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(129, 140, 248, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #818cf8; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #111827; + } + + .p-terminal { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #818cf8; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #818cf8; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 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(148, 163, 184, 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(74, 222, 128, 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(56, 189, 248, 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(251, 146, 60, 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(192, 132, 252, 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(248, 113, 113, 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 #818cf8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #818cf8; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #818cf8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #818cf8; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #818cf8; + color: #030712; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/theme.css new file mode 100644 index 00000000..e00d473b --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-dark-pink/theme.css @@ -0,0 +1,6404 @@ +: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: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #f472b6; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(244, 114, 182, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fef8fb; + --primary-100:#fcdded; + --primary-200:#fac2e0; + --primary-300:#f8a8d2; + --primary-400:#f68dc4; + --primary-500:#f472b6; + --primary-600:#cf619b; + --primary-700:#ab507f; + --primary-800:#863f64; + --primary-900:#622e49; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #f472b6; +} +.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: #f472b6; +} +.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: #f472b6; +} +.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: #f472b6; +} + +@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.4; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #f472b6; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + 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: #f472b6; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #f472b6; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + 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: #f472b6; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: 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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + 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: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #f472b6; + background: #f472b6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #f472b6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #fbcfe8; + background: #fbcfe8; + color: #030712; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f472b6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #fbcfe8; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #f472b6; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #111827; + border: 1px solid #424b57; + 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: #f472b6; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(244, 114, 182, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f472b6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #f9a8d4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + 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: #f472b6; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + 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: #f472b6; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .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.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + 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: #f472b6; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #f472b6; + background: #f472b6; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #fbcfe8; + background: #fbcfe8; + color: #030712; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #f472b6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #fbcfe8; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #f472b6; + border-color: #f472b6; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f9a8d4; + border-color: #f9a8d4; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #424b57; + border: 2px solid #f472b6; + 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 rgba(244, 114, 182, 0.2); + } + .p-slider .p-slider-range { + background: #f472b6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #f472b6; + border-color: #f472b6; + } + .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: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #f472b6; + border-color: #f472b6; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f9a8d4; + border-color: #f9a8d4; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + 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: #f472b6; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #f472b6; + border: 1px solid #f472b6; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #f9a8d4; + color: #030712; + border-color: #f9a8d4; + } + .p-button:not(:disabled):active { + background: #fbcfe8; + color: #030712; + border-color: #fbcfe8; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .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: #f472b6; + background-color: #030712; + } + .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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .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: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .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 1px #b4bfcd; + } + .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: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .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: #94a3b8; + 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(148, 163, 184, 0.04); + color: #94a3b8; + 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(148, 163, 184, 0.16); + color: #94a3b8; + 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: #94a3b8; + 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(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .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(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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 1px #74d1fa; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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 1px #80e8a6; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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 1px #fcb377; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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 #d3a9fd; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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 1px #fa9c9c; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #f472b6; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #f472b6; + 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 rgba(244, 114, 182, 0.2); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #f472b6; + 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 rgba(244, 114, 182, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + .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: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + .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 rgba(244, 114, 182, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #f472b6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + } + .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: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(214, 17, 120, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 rgba(244, 114, 182, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .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.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(244, 114, 182, 0.16); + border-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #f472b6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .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 #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(239, 48, 148, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(244, 114, 182, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(244, 114, 182, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #f472b6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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: 1.25rem; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + 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 rgba(244, 114, 182, 0.2); + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .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 rgba(244, 114, 182, 0.2); + } + + .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: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(244, 114, 182, 0.2); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #f472b6; + } + .p-stepper .p-stepper-panels { + background: #1f2937; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #424b57; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + } + .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: #f472b6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + 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 #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #f472b6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #f472b6; + color: #f472b6; + } + .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: #1f2937; + color: #f472b6; + width: 3rem; + 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 rgba(244, 114, 182, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .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 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: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f472b6; + color: #030712; + 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: #f9a8d4; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(244, 114, 182, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f472b6; + border-style: dashed; + background-color: rgba(244, 114, 182, 0.16); + } + .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: #f9a8d4; + color: #030712; + border-color: #f9a8d4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fbcfe8; + color: #030712; + border-color: #fbcfe8; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + } + .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: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 rgba(244, 114, 182, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #424b57; + 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.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .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 rgba(244, 114, 182, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #f472b6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #f472b6; + color: #f472b6; + } + .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: #1f2937; + color: #f472b6; + width: 3rem; + 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 rgba(244, 114, 182, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 rgba(244, 114, 182, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .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: 1; + } + .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: 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 rgba(244, 114, 182, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .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: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .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: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .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: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .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: #fca5a5; + } + + .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: #424b57; + 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: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 rgba(244, 114, 182, 0.2); + } + + .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: #424b57; + 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 #1f2937; + } + + .p-badge { + background: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .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: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #f472b6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #f472b6; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f472b6; + } + .p-progressbar .p-progressbar-label { + color: #030712; + 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(244, 114, 182, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(244, 114, 182, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(244, 114, 182, 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(148, 163, 184, 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(74, 222, 128, 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(56, 189, 248, 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(251, 146, 60, 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(192, 132, 252, 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(248, 113, 113, 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 #f472b6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f472b6; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f472b6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f472b6; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(244, 114, 182, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f472b6; + color: #030712; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/theme.css new file mode 100644 index 00000000..60105ba1 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-dark-purple/theme.css @@ -0,0 +1,6576 @@ +: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: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #a78bfa; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(167, 139, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fbf9ff; + --primary-100:#eae3fe; + --primary-200:#d9cdfd; + --primary-300:#c8b7fc; + --primary-400:#b8a1fb; + --primary-500:#a78bfa; + --primary-600:#8e76d5; + --primary-700:#7561af; + --primary-800:#5c4c8a; + --primary-900:#433864; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #a78bfa; +} +.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: #a78bfa; +} +.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: #a78bfa; +} +.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: #a78bfa; +} + +@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.4; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #a78bfa; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + 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: #a78bfa; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #a78bfa; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + 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: #a78bfa; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #424b57; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: 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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + 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: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #a78bfa; + background: #a78bfa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #a78bfa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #ddd6fe; + background: #ddd6fe; + color: #030712; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ddd6fe; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ddd6fe; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #a78bfa; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #111827; + border: 1px solid #424b57; + 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: #a78bfa; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #424b57; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #424b57; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #424b57; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #424b57; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #424b57; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(167, 139, 250, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #a78bfa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #c4b5fd; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + 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: #a78bfa; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #424b57; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #424b57; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + 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: #a78bfa; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #424b57; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #424b57; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #424b57; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .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.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + 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: #a78bfa; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #a78bfa; + background: #a78bfa; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #ddd6fe; + background: #ddd6fe; + color: #030712; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #424b57; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #a78bfa; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ddd6fe; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #a78bfa; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ddd6fe; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #a78bfa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #a78bfa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #a78bfa; + border-color: #a78bfa; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #c4b5fd; + border-color: #c4b5fd; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .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: #424b57; + border: 2px solid #a78bfa; + 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 rgba(167, 139, 250, 0.2); + } + .p-slider .p-slider-range { + background: #a78bfa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #a78bfa; + border-color: #a78bfa; + } + .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: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #a78bfa; + border-color: #a78bfa; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #c4b5fd; + border-color: #c4b5fd; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + 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: #a78bfa; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #424b57; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #a78bfa; + border: 1px solid #a78bfa; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #c4b5fd; + color: #030712; + border-color: #c4b5fd; + } + .p-button:not(:disabled):active { + background: #ddd6fe; + color: #030712; + border-color: #ddd6fe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .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: #a78bfa; + background-color: #030712; + } + .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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .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: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .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 1px #b4bfcd; + } + .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: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .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: #94a3b8; + 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(148, 163, 184, 0.04); + color: #94a3b8; + 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(148, 163, 184, 0.16); + color: #94a3b8; + 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: #94a3b8; + 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(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .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(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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 1px #74d1fa; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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 1px #80e8a6; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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 1px #fcb377; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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 #d3a9fd; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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 1px #fa9c9c; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #a78bfa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #a78bfa; + 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 rgba(167, 139, 250, 0.2); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #a78bfa; + 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 rgba(167, 139, 250, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + .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: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + .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 rgba(167, 139, 250, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(167, 139, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(167, 139, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #a78bfa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + } + .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: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(74, 17, 245, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 rgba(167, 139, 250, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .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.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(167, 139, 250, 0.16); + border-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #a78bfa; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .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 #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .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: #ddd6fe; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(110, 64, 247, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(167, 139, 250, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #ddd6fe; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(167, 139, 250, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #a78bfa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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: 1.25rem; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + 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 rgba(167, 139, 250, 0.2); + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + 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 #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #a78bfa; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #a78bfa; + color: #a78bfa; + } + .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: #1f2937; + color: #a78bfa; + width: 3rem; + 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 rgba(167, 139, 250, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + 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 rgba(167, 139, 250, 0.2); + } + + .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: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(167, 139, 250, 0.2); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #a78bfa; + } + .p-stepper .p-stepper-panels { + background: #1f2937; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #424b57; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + } + .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: #a78bfa; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .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 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: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #a78bfa; + color: #030712; + 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: #c4b5fd; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(167, 139, 250, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #a78bfa; + border-style: dashed; + background-color: rgba(167, 139, 250, 0.16); + } + .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: #c4b5fd; + color: #030712; + border-color: #c4b5fd; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #ddd6fe; + color: #030712; + border-color: #ddd6fe; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + } + .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: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #a78bfa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 rgba(167, 139, 250, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #424b57; + 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.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #a78bfa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .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 rgba(167, 139, 250, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #a78bfa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #a78bfa; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #a78bfa; + color: #a78bfa; + } + .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: #1f2937; + color: #a78bfa; + width: 3rem; + 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 rgba(167, 139, 250, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 rgba(167, 139, 250, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .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-message.p-message-secondary { + background: #94a3b8; + border: solid #94a3b8; + border-width: 0 0 0 6px; + color: #020617; + } + .p-message.p-message-secondary .p-message-icon { + color: #020617; + } + .p-message.p-message-secondary .p-message-close { + color: #020617; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #ffffff; + border-width: 0 0 0 6px; + color: #111827; + } + .p-message.p-message-contrast .p-message-icon { + color: #111827; + } + .p-message.p-message-contrast .p-message-close { + color: #111827; + } + + .p-toast { + opacity: 1; + } + .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: 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 rgba(167, 139, 250, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .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: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .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: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .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: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .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: #fca5a5; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #94a3b8; + border: solid #94a3b8; + border-width: 0 0 0 6px; + color: #020617; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #020617; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #ffffff; + border-width: 0 0 0 6px; + color: #111827; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #111827; + } + + .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: #424b57; + 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: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 rgba(167, 139, 250, 0.2); + } + + .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: #424b57; + 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 #1f2937; + } + + .p-badge { + background: #a78bfa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #111827; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + + .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: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #a78bfa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #a78bfa; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #a78bfa; + } + .p-progressbar .p-progressbar-label { + color: #030712; + 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(167, 139, 250, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(167, 139, 250, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #a78bfa; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #111827; + } + + .p-terminal { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #a78bfa; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #a78bfa; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 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(148, 163, 184, 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(74, 222, 128, 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(56, 189, 248, 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(251, 146, 60, 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(192, 132, 252, 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(248, 113, 113, 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 #a78bfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #a78bfa; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #a78bfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #a78bfa; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #a78bfa; + color: #030712; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/theme.css new file mode 100644 index 00000000..63c11362 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-dark-teal/theme.css @@ -0,0 +1,6576 @@ +: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: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #2dd4bf; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(45, 212, 191, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f5fdfc; + --primary-100:#cdf5f0; + --primary-200:#a5ede3; + --primary-300:#7de4d7; + --primary-400:#55dccb; + --primary-500:#2dd4bf; + --primary-600:#26b4a2; + --primary-700:#209486; + --primary-800:#197569; + --primary-900:#12554c; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #2dd4bf; +} +.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: #2dd4bf; +} +.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: #2dd4bf; +} +.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: #2dd4bf; +} + +@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.4; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #2dd4bf; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + 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: #2dd4bf; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #2dd4bf; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + 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: #2dd4bf; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + .p-cascadeselect.p-variant-filled { + background-color: #424b57; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: 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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + 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: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #2dd4bf; + background: #2dd4bf; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #2dd4bf; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #99f6e4; + background: #99f6e4; + color: #030712; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #99f6e4; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #99f6e4; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #2dd4bf; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #111827; + border: 1px solid #424b57; + 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: #2dd4bf; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + .p-dropdown.p-variant-filled { + background-color: #424b57; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .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: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #424b57; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #424b57; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #424b57; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #424b57; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(45, 212, 191, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #2dd4bf; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #5eead4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + 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: #2dd4bf; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-variant-filled { + background-color: #424b57; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #424b57; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + 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: #2dd4bf; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #424b57; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #424b57; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #424b57; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .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.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + 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: #2dd4bf; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #2dd4bf; + background: #2dd4bf; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #99f6e4; + background: #99f6e4; + color: #030712; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #424b57; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #2dd4bf; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #99f6e4; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #2dd4bf; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #99f6e4; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #2dd4bf; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #2dd4bf; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #2dd4bf; + border-color: #2dd4bf; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #5eead4; + border-color: #5eead4; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .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: #424b57; + border: 2px solid #2dd4bf; + 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 rgba(45, 212, 191, 0.2); + } + .p-slider .p-slider-range { + background: #2dd4bf; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #2dd4bf; + border-color: #2dd4bf; + } + .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: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #2dd4bf; + border-color: #2dd4bf; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #5eead4; + border-color: #5eead4; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + 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: #2dd4bf; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #424b57; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #424b57; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #424b57; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #2dd4bf; + border: 1px solid #2dd4bf; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #5eead4; + color: #030712; + border-color: #5eead4; + } + .p-button:not(:disabled):active { + background: #99f6e4; + color: #030712; + border-color: #99f6e4; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .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: #2dd4bf; + background-color: #030712; + } + .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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .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: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .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 1px #b4bfcd; + } + .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: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .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: #94a3b8; + 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(148, 163, 184, 0.04); + color: #94a3b8; + 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(148, 163, 184, 0.16); + color: #94a3b8; + 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: #94a3b8; + 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(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .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(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .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: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .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 1px #74d1fa; + } + .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: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: #38bdf8; + 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(56, 189, 248, 0.04); + color: #38bdf8; + 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(56, 189, 248, 0.16); + color: #38bdf8; + 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: #38bdf8; + 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(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .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(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .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: #86efac; + color: #052e16; + border-color: #86efac; + } + .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 1px #80e8a6; + } + .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: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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: #4ade80; + 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(74, 222, 128, 0.04); + color: #4ade80; + 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(74, 222, 128, 0.16); + color: #4ade80; + 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: #4ade80; + 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(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .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(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .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: #fdba74; + color: #431407; + border-color: #fdba74; + } + .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 1px #fcb377; + } + .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: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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: #fb923c; + 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, 146, 60, 0.04); + color: #fb923c; + 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, 146, 60, 0.16); + color: #fb923c; + 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: #fb923c; + 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, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .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, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .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: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .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 #d3a9fd; + } + .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: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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: #c084fc; + 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(192, 132, 252, 0.04); + color: #c084fc; + 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(192, 132, 252, 0.16); + color: #c084fc; + 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: #c084fc; + 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(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .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(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .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: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .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 1px #fa9c9c; + } + .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: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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: #f87171; + 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(248, 113, 113, 0.04); + color: #f87171; + 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(248, 113, 113, 0.16); + color: #f87171; + 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: #f87171; + 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(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .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(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #2dd4bf; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #2dd4bf; + 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 rgba(45, 212, 191, 0.2); + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #2dd4bf; + 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 rgba(45, 212, 191, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + .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: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + .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 rgba(45, 212, 191, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(45, 212, 191, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(45, 212, 191, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #2dd4bf; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + } + .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: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(22, 107, 97, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 rgba(45, 212, 191, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .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.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(45, 212, 191, 0.16); + border-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1f2937; + border: 1px solid #424b57; + border-radius: 6px; + 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 rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #2dd4bf; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .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 #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .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: #99f6e4; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(35, 171, 154, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(45, 212, 191, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #424b57; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #99f6e4; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(45, 212, 191, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #2dd4bf; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + 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: 1.25rem; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + 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 rgba(45, 212, 191, 0.2); + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + 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 #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #2dd4bf; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #2dd4bf; + color: #2dd4bf; + } + .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: #1f2937; + color: #2dd4bf; + width: 3rem; + 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 rgba(45, 212, 191, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + 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 rgba(45, 212, 191, 0.2); + } + + .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: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 rgba(45, 212, 191, 0.2); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #2dd4bf; + } + .p-stepper .p-stepper-panels { + background: #1f2937; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #424b57; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + } + .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: #2dd4bf; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .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 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: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + 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: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #2dd4bf; + color: #030712; + 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: #5eead4; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 rgba(45, 212, 191, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + 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 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #2dd4bf; + border-style: dashed; + background-color: rgba(45, 212, 191, 0.16); + } + .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: #5eead4; + color: #030712; + border-color: #5eead4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #99f6e4; + color: #030712; + border-color: #99f6e4; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + } + .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: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #2dd4bf; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 rgba(45, 212, 191, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + 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: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #424b57; + 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.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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 #424b57; + 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #2dd4bf; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .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 rgba(45, 212, 191, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #2dd4bf; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #2dd4bf; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #2dd4bf; + color: #2dd4bf; + } + .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: #1f2937; + color: #2dd4bf; + width: 3rem; + 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 rgba(45, 212, 191, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 rgba(45, 212, 191, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .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-message.p-message-secondary { + background: #94a3b8; + border: solid #94a3b8; + border-width: 0 0 0 6px; + color: #020617; + } + .p-message.p-message-secondary .p-message-icon { + color: #020617; + } + .p-message.p-message-secondary .p-message-close { + color: #020617; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid #ffffff; + border-width: 0 0 0 6px; + color: #111827; + } + .p-message.p-message-contrast .p-message-icon { + color: #111827; + } + .p-message.p-message-contrast .p-message-close { + color: #111827; + } + + .p-toast { + opacity: 1; + } + .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: 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 rgba(45, 212, 191, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .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: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .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: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .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: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .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: #fca5a5; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #94a3b8; + border: solid #94a3b8; + border-width: 0 0 0 6px; + color: #020617; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #020617; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid #ffffff; + border-width: 0 0 0 6px; + color: #111827; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #111827; + } + + .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: #424b57; + 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: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 rgba(45, 212, 191, 0.2); + } + + .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: #424b57; + 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 #1f2937; + } + + .p-badge { + background: #2dd4bf; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #111827; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + + .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: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #2dd4bf; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #2dd4bf; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #2dd4bf; + } + .p-progressbar .p-progressbar-label { + color: #030712; + 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(45, 212, 191, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(45, 212, 191, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #2dd4bf; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #111827; + } + + .p-terminal { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #2dd4bf; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #2dd4bf; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(45, 212, 191, 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(148, 163, 184, 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(74, 222, 128, 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(56, 189, 248, 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(251, 146, 60, 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(192, 132, 252, 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(248, 113, 113, 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 #2dd4bf; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #2dd4bf; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #2dd4bf; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #2dd4bf; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(45, 212, 191, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #2dd4bf; + color: #030712; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/theme.css new file mode 100644 index 00000000..796e7121 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-light-amber/theme.css @@ -0,0 +1,6340 @@ +: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: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #f59e0b; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #fef08a; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fffbeb; + --highlight-text-color: #b45309; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fffaf3; + --primary-100:#fde8c4; + --primary-200:#fbd596; + --primary-300:#f9c368; + --primary-400:#f7b039; + --primary-500:#f59e0b; + --primary-600:#d08609; + --primary-700:#ac6f08; + --primary-800:#875706; + --primary-900:#623f04; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + 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: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.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: #f59e0b; +} +.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: #f59e0b; +} +.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: #f59e0b; +} +.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: #f59e0b; +} + +@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: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .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 0 0 0.2rem #fef08a; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #f59e0b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + 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: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #b45309; + background: #fffbeb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fef08a; + } + .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: #4b5563; + 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: #f59e0b; + } + .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: #b45309; + background: #fffbeb; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #b45309; + background: #fffbeb; + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + 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: #f3f4f6; + } + .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 #fef08a; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #fef08a; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #fef08a; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #f59e0b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + 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: #b45309; + background: #fffbeb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + 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: #f59e0b; + background: #f59e0b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #f59e0b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #b45309; + background: #b45309; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f59e0b; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #b45309; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #f59e0b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .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 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #f59e0b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #b45309; + background: #fffbeb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + 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 #fef08a; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f59e0b; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #d97706; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + 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: #f59e0b; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + 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.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #b45309; + background: #fffbeb; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #f59e0b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + 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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #b45309; + background: #fffbeb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + 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: #f59e0b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .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: #f59e0b; + background: #f59e0b; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #b45309; + background: #b45309; + color: #ffffff; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #f59e0b; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #b45309; + } + + .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: #4b5563; + 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: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #f59e0b; + border-color: #f59e0b; + 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: #d97706; + border-color: #d97706; + 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: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #f59e0b; + 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 #fef08a; + } + .p-slider .p-slider-range { + background: #f59e0b; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #f59e0b; + border-color: #f59e0b; + } + .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 #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #f59e0b; + border-color: #f59e0b; + 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: #d97706; + border-color: #d97706; + 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: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #f59e0b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .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 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #f59e0b; + border: 1px solid #f59e0b; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-button:not(:disabled):active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .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: #f59e0b; + 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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #64748b; + border: 1px solid #64748b; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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 #e2e8f0; + } + .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: #334155; + color: #ffffff; + border-color: #334155; + } + .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: #64748b; + 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(100, 116, 139, 0.04); + color: #64748b; + 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(100, 116, 139, 0.16); + color: #64748b; + 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: #64748b; + 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(100, 116, 139, 0.04); + border-color: transparent; + color: #64748b; + } + .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(100, 116, 139, 0.16); + border-color: transparent; + color: #64748b; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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 #bfdbfe; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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 #bbf7d0; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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 #fde68a; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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 #e9d5ff; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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 #fecaca; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #b45309; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #b45309; + 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 #fef08a; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #b45309; + 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 #fef08a; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + 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: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fef08a; + } + .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: #d1d5db; + 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: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #fef08a; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fef08a; + } + .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 #fef08a; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fffbeb; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fffbeb; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #f59e0b; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + } + .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: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #b45309; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fffbeb; + color: #b45309; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #b45309; + background: #fffbeb; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 #fef08a; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #fef08a; + border-color: #f59e0b; + } + .p-orderlist .p-orderlist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ffe26c; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .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 #fef08a; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + 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: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fffbeb; + border-color: #fffbeb; + color: #b45309; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #fef08a; + border-color: #f59e0b; + } + .p-picklist .p-picklist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #f59e0b; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .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 #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #fef08a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fef08a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .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: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .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: #b45309; + } + .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: #b45309; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #ffe789; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fffbeb; + color: #b45309; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #b45309; + } + .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: #6b7280; + 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: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #fef08a; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fef08a; + } + .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: #4b5563; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #fef08a; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #b45309; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #f59e0b; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + 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 0 0 0.2rem #fef08a; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + 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: 1.25rem; + } + .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: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + 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: 1.25rem; + color: #374151; + 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 0 0 0.2rem #fef08a; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #f9fafb; + 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 #fef08a; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .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 #fef08a; + } + + .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: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + 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 #fef08a; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #fffbeb; + color: #b45309; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #4b5563; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #f59e0b; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #4b5563; + } + .p-stepper .p-stepper-separator { + background-color: #e5e7eb; + 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: #4b5563; + } + .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: #f59e0b; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #fef08a; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #f59e0b; + color: #f59e0b; + } + .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: #f59e0b; + width: 3rem; + 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 #fef08a; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f59e0b; + 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: #d97706; + 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: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fef08a; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + 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 0 0 0.2rem #fef08a; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f59e0b; + border-style: dashed; + background-color: #fffbeb; + } + .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: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem #fef08a; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: inset 0 0 0 0.15rem #fef08a; + } + .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: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + 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: #6b7280; + 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: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + 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 #fef08a; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .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: #4b5563; + } + .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: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .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 #e5e7eb; + 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.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fef08a; + } + .p-slidemenu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + } + .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 #fef08a; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fffbeb; + color: #b45309; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #fef08a; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #f59e0b; + color: #f59e0b; + } + .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: #f59e0b; + width: 3rem; + 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 #fef08a; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .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: #b45309; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 #fef08a; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .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: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .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 #fef08a; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + 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: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + .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: #fffbeb; + color: #b45309; + } + .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: #f9fafb; + 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: #f9fafb; + } + .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 #fef08a; + } + + .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: #e5e7eb; + 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 #ffffff; + } + + .p-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem #fef08a; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .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: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #f59e0b; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #f59e0b; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f59e0b; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .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: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f59e0b; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f59e0b; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f59e0b; + color: #ffffff; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/theme.css new file mode 100644 index 00000000..741d8b31 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-light-blue/theme.css @@ -0,0 +1,6561 @@ +: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: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #3B82F6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #BFDBFE; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #EFF6FF; + --highlight-text-color: #1D4ED8; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f5f9ff; + --primary-100:#d0e1fd; + --primary-200:#abc9fb; + --primary-300:#85b2f9; + --primary-400:#609af8; + --primary-500:#3b82f6; + --primary-600:#326fd1; + --primary-700:#295bac; + --primary-800:#204887; + --primary-900:#183462; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + 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: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.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: #3B82F6; +} +.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: #3B82F6; +} +.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: #3B82F6; +} +.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: #3B82F6; +} + +@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: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .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 0 0 0.2rem #BFDBFE; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #3B82F6; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + 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: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #1D4ED8; + background: #EFF6FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #BFDBFE; + } + .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: #4b5563; + 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: #3B82F6; + } + .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: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + 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: #f3f4f6; + } + .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 #BFDBFE; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #BFDBFE; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #BFDBFE; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #3B82F6; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + .p-cascadeselect.p-variant-filled { + background-color: #f3f4f6; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + 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: #1D4ED8; + background: #EFF6FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + 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: #3B82F6; + background: #3B82F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #3B82F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #1D4ED8; + background: #1D4ED8; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #1D4ED8; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #1D4ED8; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #3B82F6; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .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 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #3B82F6; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + .p-dropdown.p-variant-filled { + background-color: #f3f4f6; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #1D4ED8; + background: #EFF6FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f3f4f6; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f3f4f6; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f3f4f6; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + 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 #BFDBFE; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #3B82F6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #2563eb; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + 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: #3B82F6; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-variant-filled { + background-color: #f3f4f6; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + 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.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #1D4ED8; + background: #EFF6FF; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #3B82F6; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + 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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f3f4f6; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #1D4ED8; + background: #EFF6FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + 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: #3B82F6; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .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: #3B82F6; + background: #3B82F6; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #1D4ED8; + background: #1D4ED8; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #3B82F6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #1D4ED8; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #3B82F6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #1D4ED8; + } + + .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: #4b5563; + 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: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #3B82F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #3B82F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #3B82F6; + border-color: #3B82F6; + 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: #2563eb; + border-color: #2563eb; + 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: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .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 #3B82F6; + 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 #BFDBFE; + } + .p-slider .p-slider-range { + background: #3B82F6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3B82F6; + border-color: #3B82F6; + } + .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 #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #3B82F6; + border-color: #3B82F6; + 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: #2563eb; + border-color: #2563eb; + 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: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #3B82F6; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f3f4f6; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .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 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .p-button:not(:disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .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: #3B82F6; + 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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #64748b; + border: 1px solid #64748b; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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 #e2e8f0; + } + .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: #334155; + color: #ffffff; + border-color: #334155; + } + .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: #64748b; + 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(100, 116, 139, 0.04); + color: #64748b; + 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(100, 116, 139, 0.16); + color: #64748b; + 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: #64748b; + 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(100, 116, 139, 0.04); + border-color: transparent; + color: #64748b; + } + .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(100, 116, 139, 0.16); + border-color: transparent; + color: #64748b; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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 #bfdbfe; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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 #bbf7d0; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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 #fde68a; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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 #e9d5ff; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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 #fecaca; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + + .p-button.p-button-link { + color: #1D4ED8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #1D4ED8; + 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 #BFDBFE; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #1D4ED8; + 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 #BFDBFE; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + 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: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #BFDBFE; + } + .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: #d1d5db; + 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: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #1D4ED8; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #BFDBFE; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #BFDBFE; + } + .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 #BFDBFE; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EFF6FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EFF6FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #3B82F6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + } + .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: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #1D4ED8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #1D4ED8; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EFF6FF; + color: #1D4ED8; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #1D4ED8; + background: #EFF6FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 #BFDBFE; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #BFDBFE; + border-color: #3B82F6; + } + .p-orderlist .p-orderlist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #70aeff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .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 #BFDBFE; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + 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: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EFF6FF; + border-color: #EFF6FF; + color: #1D4ED8; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #BFDBFE; + border-color: #3B82F6; + } + .p-picklist .p-picklist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3B82F6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .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 #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #BFDBFE; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #BFDBFE; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .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: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .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: #1D4ED8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .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: #1D4ED8; + } + .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: #1D4ED8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #8cbeff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EFF6FF; + color: #1D4ED8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #1D4ED8; + } + .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: #6b7280; + 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: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #BFDBFE; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #BFDBFE; + } + .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: #4b5563; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #BFDBFE; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #1D4ED8; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #3B82F6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + 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 0 0 0.2rem #BFDBFE; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + 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: 1.25rem; + } + .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: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + 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: 1.25rem; + color: #374151; + 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 0 0 0.2rem #BFDBFE; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #f9fafb; + 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 #BFDBFE; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #BFDBFE; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #3B82F6; + color: #3B82F6; + } + .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: #3B82F6; + width: 3rem; + 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 #BFDBFE; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + 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 #BFDBFE; + } + + .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: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + 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 #BFDBFE; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #EFF6FF; + color: #1D4ED8; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #4b5563; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #3B82F6; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #4b5563; + } + .p-stepper .p-stepper-separator { + background-color: #e5e7eb; + 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: #4b5563; + } + .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: #3B82F6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #3B82F6; + 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: #2563eb; + 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: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #BFDBFE; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + 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 0 0 0.2rem #BFDBFE; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #3B82F6; + border-style: dashed; + background-color: #EFF6FF; + } + .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: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem #BFDBFE; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: inset 0 0 0 0.15rem #BFDBFE; + } + .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: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + 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: #6b7280; + 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: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + 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 #BFDBFE; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .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: #4b5563; + } + .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: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .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 #e5e7eb; + 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.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #BFDBFE; + } + .p-slidemenu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + } + .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 #BFDBFE; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EFF6FF; + color: #1D4ED8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #BFDBFE; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #3B82F6; + color: #3B82F6; + } + .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: #3B82F6; + width: 3rem; + 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 #BFDBFE; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .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: #1D4ED8; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 #BFDBFE; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .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-message.p-message-secondary { + background: #64748b; + border: solid #64748b; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-message.p-message-secondary .p-message-icon { + color: #ffffff; + } + .p-message.p-message-secondary .p-message-close { + color: #ffffff; + } + .p-message.p-message-contrast { + background: #1f2937; + border: solid #1f2937; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-message.p-message-contrast .p-message-icon { + color: #ffffff; + } + .p-message.p-message-contrast .p-message-close { + color: #ffffff; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .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 #BFDBFE; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #64748b; + border: solid #64748b; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #1f2937; + border: solid #1f2937; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #ffffff; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + 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: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; + } + .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: #EFF6FF; + color: #1D4ED8; + } + .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: #f9fafb; + 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: #f9fafb; + } + .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 #BFDBFE; + } + + .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: #e5e7eb; + 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 #ffffff; + } + + .p-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-badge.p-badge-contrast { + background-color: #1f2937; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem #BFDBFE; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + + .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: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #3B82F6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #3B82F6; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3B82F6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .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: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-tag.p-tag-contrast { + background-color: #1f2937; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #3B82F6; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #3B82F6; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #3B82F6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #3B82F6; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #3B82F6; + color: #ffffff; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/theme.css new file mode 100644 index 00000000..91fe6c82 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-light-cyan/theme.css @@ -0,0 +1,6340 @@ +: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: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #06b6d4; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #a5f3fc; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #ecfeff; + --highlight-text-color: #0e7490; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f3fbfd; + --primary-100:#c3edf5; + --primary-200:#94e0ed; + --primary-300:#65d2e4; + --primary-400:#35c4dc; + --primary-500:#06b6d4; + --primary-600:#059bb4; + --primary-700:#047f94; + --primary-800:#036475; + --primary-900:#024955; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + 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: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.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: #06b6d4; +} +.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: #06b6d4; +} +.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: #06b6d4; +} +.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: #06b6d4; +} + +@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: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .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 0 0 0.2rem #a5f3fc; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #06b6d4; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + 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: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0e7490; + background: #ecfeff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a5f3fc; + } + .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: #4b5563; + 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: #06b6d4; + } + .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: #0e7490; + background: #ecfeff; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + 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: #f3f4f6; + } + .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 #a5f3fc; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #a5f3fc; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #a5f3fc; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #06b6d4; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + 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: #0e7490; + background: #ecfeff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + 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: #06b6d4; + background: #06b6d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #06b6d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0e7490; + background: #0e7490; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #06b6d4; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0e7490; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #06b6d4; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .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 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #06b6d4; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0e7490; + background: #ecfeff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + 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 #a5f3fc; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #06b6d4; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0891b2; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + 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: #06b6d4; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + 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.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0e7490; + background: #ecfeff; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #06b6d4; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + 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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0e7490; + background: #ecfeff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + 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: #06b6d4; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .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: #06b6d4; + background: #06b6d4; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0e7490; + background: #0e7490; + color: #ffffff; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #06b6d4; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0e7490; + } + + .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: #4b5563; + 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: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #06b6d4; + border-color: #06b6d4; + 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: #0891b2; + border-color: #0891b2; + 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: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #06b6d4; + 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 #a5f3fc; + } + .p-slider .p-slider-range { + background: #06b6d4; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #06b6d4; + border-color: #06b6d4; + } + .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 #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #06b6d4; + border-color: #06b6d4; + 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: #0891b2; + border-color: #0891b2; + 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: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #06b6d4; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .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 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #06b6d4; + border: 1px solid #06b6d4; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-button:not(:disabled):active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .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: #06b6d4; + 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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #64748b; + border: 1px solid #64748b; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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 #e2e8f0; + } + .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: #334155; + color: #ffffff; + border-color: #334155; + } + .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: #64748b; + 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(100, 116, 139, 0.04); + color: #64748b; + 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(100, 116, 139, 0.16); + color: #64748b; + 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: #64748b; + 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(100, 116, 139, 0.04); + border-color: transparent; + color: #64748b; + } + .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(100, 116, 139, 0.16); + border-color: transparent; + color: #64748b; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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 #bfdbfe; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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 #bbf7d0; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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 #fde68a; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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 #e9d5ff; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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 #fecaca; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #0e7490; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0e7490; + 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 #a5f3fc; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #0e7490; + 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 #a5f3fc; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + 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: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a5f3fc; + } + .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: #d1d5db; + 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: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #a5f3fc; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a5f3fc; + } + .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 #a5f3fc; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ecfeff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ecfeff; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #06b6d4; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + } + .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: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0e7490; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #ecfeff; + color: #0e7490; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0e7490; + background: #ecfeff; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 #a5f3fc; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #a5f3fc; + border-color: #06b6d4; + } + .p-orderlist .p-orderlist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6df7ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .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 #a5f3fc; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + 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: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #ecfeff; + border-color: #ecfeff; + color: #0e7490; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #a5f3fc; + border-color: #06b6d4; + } + .p-picklist .p-picklist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #06b6d4; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .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 #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #a5f3fc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a5f3fc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .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: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .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: #0e7490; + } + .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: #0e7490; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #8af9ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #ecfeff; + color: #0e7490; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0e7490; + } + .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: #6b7280; + 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: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #a5f3fc; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a5f3fc; + } + .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: #4b5563; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #a5f3fc; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0e7490; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #06b6d4; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + 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 0 0 0.2rem #a5f3fc; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + 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: 1.25rem; + } + .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: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + 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: 1.25rem; + color: #374151; + 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 0 0 0.2rem #a5f3fc; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #f9fafb; + 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 #a5f3fc; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .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 #a5f3fc; + } + + .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: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + 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 #a5f3fc; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ecfeff; + color: #0e7490; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #4b5563; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #06b6d4; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #4b5563; + } + .p-stepper .p-stepper-separator { + background-color: #e5e7eb; + 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: #4b5563; + } + .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: #06b6d4; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #a5f3fc; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #06b6d4; + color: #06b6d4; + } + .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: #06b6d4; + width: 3rem; + 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 #a5f3fc; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #06b6d4; + 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: #0891b2; + 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: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a5f3fc; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + 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 0 0 0.2rem #a5f3fc; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #06b6d4; + border-style: dashed; + background-color: #ecfeff; + } + .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: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem #a5f3fc; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: inset 0 0 0 0.15rem #a5f3fc; + } + .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: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + 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: #6b7280; + 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: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + 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 #a5f3fc; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .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: #4b5563; + } + .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: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .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 #e5e7eb; + 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.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a5f3fc; + } + .p-slidemenu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + } + .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 #a5f3fc; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ecfeff; + color: #0e7490; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #a5f3fc; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #06b6d4; + color: #06b6d4; + } + .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: #06b6d4; + width: 3rem; + 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 #a5f3fc; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .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: #0e7490; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 #a5f3fc; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .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: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .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 #a5f3fc; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + 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: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + .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: #ecfeff; + color: #0e7490; + } + .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: #f9fafb; + 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: #f9fafb; + } + .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 #a5f3fc; + } + + .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: #e5e7eb; + 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 #ffffff; + } + + .p-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem #a5f3fc; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .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: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #06b6d4; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #06b6d4; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #06b6d4; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .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: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #06b6d4; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #06b6d4; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #06b6d4; + color: #ffffff; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-green/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/theme.css new file mode 100644 index 00000000..b3a97e2d --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-light-green/theme.css @@ -0,0 +1,6340 @@ +: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: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #10b981; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #a7f3d0; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #F0FDFA; + --highlight-text-color: #047857; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f3fcf9; + --primary-100:#c6eee1; + --primary-200:#98e1c9; + --primary-300:#6bd4b1; + --primary-400:#3dc699; + --primary-500:#10b981; + --primary-600:#0e9d6e; + --primary-700:#0b825a; + --primary-800:#096647; + --primary-900:#064a34; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + 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: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.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: #10b981; +} +.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: #10b981; +} +.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: #10b981; +} +.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: #10b981; +} + +@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: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .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 0 0 0.2rem #a7f3d0; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #10b981; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + 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: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #047857; + background: #F0FDFA; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a7f3d0; + } + .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: #4b5563; + 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: #10b981; + } + .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: #047857; + background: #F0FDFA; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #047857; + background: #F0FDFA; + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + 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: #f3f4f6; + } + .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 #a7f3d0; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #a7f3d0; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #a7f3d0; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #10b981; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + 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: #047857; + background: #F0FDFA; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + 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: #10b981; + background: #10b981; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #10b981; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #047857; + background: #047857; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #10b981; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #047857; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #10b981; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .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 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #10b981; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #047857; + background: #F0FDFA; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + 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 #a7f3d0; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #10b981; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #059669; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + 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: #10b981; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + 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.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #047857; + background: #F0FDFA; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #10b981; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + 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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #047857; + background: #F0FDFA; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + 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: #10b981; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .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: #10b981; + background: #10b981; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #047857; + background: #047857; + color: #ffffff; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #10b981; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #047857; + } + + .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: #4b5563; + 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: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #10b981; + border-color: #10b981; + 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: #059669; + border-color: #059669; + 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: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #10b981; + 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 #a7f3d0; + } + .p-slider .p-slider-range { + background: #10b981; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #10b981; + border-color: #10b981; + } + .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 #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #10b981; + border-color: #10b981; + 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: #059669; + border-color: #059669; + 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: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #10b981; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .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 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #10b981; + border: 1px solid #10b981; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .p-button:not(:disabled):active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .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: #10b981; + 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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #64748b; + border: 1px solid #64748b; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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 #e2e8f0; + } + .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: #334155; + color: #ffffff; + border-color: #334155; + } + .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: #64748b; + 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(100, 116, 139, 0.04); + color: #64748b; + 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(100, 116, 139, 0.16); + color: #64748b; + 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: #64748b; + 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(100, 116, 139, 0.04); + border-color: transparent; + color: #64748b; + } + .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(100, 116, 139, 0.16); + border-color: transparent; + color: #64748b; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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 #bfdbfe; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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 #bbf7d0; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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 #fde68a; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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 #e9d5ff; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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 #fecaca; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #047857; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #047857; + 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 #a7f3d0; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #047857; + 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 #a7f3d0; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + 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: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a7f3d0; + } + .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: #d1d5db; + 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: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F0FDFA; + color: #047857; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #047857; + background: #F0FDFA; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #F0FDFA; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #a7f3d0; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a7f3d0; + } + .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 #a7f3d0; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F0FDFA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F0FDFA; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #10b981; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + } + .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: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #047857; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #F0FDFA; + color: #047857; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #047857; + background: #F0FDFA; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 #a7f3d0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #a7f3d0; + border-color: #10b981; + } + .p-orderlist .p-orderlist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #80eed5; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .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 #a7f3d0; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + 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: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F0FDFA; + border-color: #F0FDFA; + color: #047857; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #a7f3d0; + border-color: #10b981; + } + .p-picklist .p-picklist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #10b981; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .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 #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #a7f3d0; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a7f3d0; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .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: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #F0FDFA; + color: #047857; + } + .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: #047857; + } + .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: #047857; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #99f1dd; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #F0FDFA; + color: #047857; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #047857; + } + .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: #6b7280; + 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: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #a7f3d0; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #047857; + background: #F0FDFA; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a7f3d0; + } + .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: #4b5563; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #a7f3d0; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #047857; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #10b981; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + 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 0 0 0.2rem #a7f3d0; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + 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: 1.25rem; + } + .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: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + 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: 1.25rem; + color: #374151; + 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 0 0 0.2rem #a7f3d0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #f9fafb; + 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 #a7f3d0; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .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 #a7f3d0; + } + + .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: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + 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 #a7f3d0; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #F0FDFA; + color: #047857; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #4b5563; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #10b981; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #4b5563; + } + .p-stepper .p-stepper-separator { + background-color: #e5e7eb; + 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: #4b5563; + } + .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: #10b981; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #a7f3d0; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #10b981; + color: #10b981; + } + .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: #10b981; + width: 3rem; + 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 #a7f3d0; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #10b981; + 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: #059669; + 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: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #a7f3d0; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + 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 0 0 0.2rem #a7f3d0; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #10b981; + border-style: dashed; + background-color: #F0FDFA; + } + .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: #059669; + color: #ffffff; + border-color: #059669; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem #a7f3d0; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: inset 0 0 0 0.15rem #a7f3d0; + } + .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: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + 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: #6b7280; + 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: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + 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 #a7f3d0; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .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: #4b5563; + } + .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: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .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 #e5e7eb; + 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.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a7f3d0; + } + .p-slidemenu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + } + .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 #a7f3d0; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #F0FDFA; + color: #047857; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #a7f3d0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #10b981; + color: #10b981; + } + .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: #10b981; + width: 3rem; + 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 #a7f3d0; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .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: #047857; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 #a7f3d0; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .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: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .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 #a7f3d0; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + 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: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F0FDFA; + color: #047857; + } + .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: #F0FDFA; + color: #047857; + } + .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: #f9fafb; + 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: #f9fafb; + } + .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 #a7f3d0; + } + + .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: #e5e7eb; + 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 #ffffff; + } + + .p-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem #a7f3d0; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .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: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #10b981; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #10b981; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #10b981; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .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: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #10b981; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #10b981; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #10b981; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #10b981; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #10b981; + color: #ffffff; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/theme.css new file mode 100644 index 00000000..fc5237be --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-light-indigo/theme.css @@ -0,0 +1,6561 @@ +: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: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #6366F1; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #C7D2FE; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #EEF2FF; + --highlight-text-color: #4338CA; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f7f7fe; + --primary-100:#dadafc; + --primary-200:#bcbdf9; + --primary-300:#9ea0f6; + --primary-400:#8183f4; + --primary-500:#6366f1; + --primary-600:#5457cd; + --primary-700:#4547a9; + --primary-800:#363885; + --primary-900:#282960; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + 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: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.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: #6366F1; +} +.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: #6366F1; +} +.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: #6366F1; +} +.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: #6366F1; +} + +@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: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .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 0 0 0.2rem #C7D2FE; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #6366F1; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + 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: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #4338CA; + background: #EEF2FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #C7D2FE; + } + .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: #4b5563; + 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: #6366F1; + } + .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: #4338CA; + background: #EEF2FF; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + 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: #f3f4f6; + } + .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 #C7D2FE; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #C7D2FE; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #C7D2FE; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #6366F1; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + .p-cascadeselect.p-variant-filled { + background-color: #f3f4f6; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + 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: #4338CA; + background: #EEF2FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + 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: #6366F1; + background: #6366F1; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #6366F1; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #4338CA; + background: #4338CA; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4338CA; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4338CA; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #6366F1; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .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 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #6366F1; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + .p-dropdown.p-variant-filled { + background-color: #f3f4f6; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #4338CA; + background: #EEF2FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f3f4f6; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f3f4f6; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f3f4f6; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + 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 #C7D2FE; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #6366F1; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #4F46E5; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + 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: #6366F1; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-variant-filled { + background-color: #f3f4f6; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + 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.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #4338CA; + background: #EEF2FF; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #6366F1; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + 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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f3f4f6; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #4338CA; + background: #EEF2FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + 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: #6366F1; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .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: #6366F1; + background: #6366F1; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #4338CA; + background: #4338CA; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #6366F1; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #4338CA; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #6366F1; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #4338CA; + } + + .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: #4b5563; + 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: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #6366F1; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #6366F1; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #6366F1; + border-color: #6366F1; + 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: #4F46E5; + border-color: #4F46E5; + 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: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .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 #6366F1; + 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 #C7D2FE; + } + .p-slider .p-slider-range { + background: #6366F1; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #6366F1; + border-color: #6366F1; + } + .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 #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #6366F1; + border-color: #6366F1; + 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: #4F46E5; + border-color: #4F46E5; + 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: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #6366F1; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f3f4f6; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .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 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #6366F1; + border: 1px solid #6366F1; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; + } + .p-button:not(:disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .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: #6366F1; + 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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #64748b; + border: 1px solid #64748b; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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 #e2e8f0; + } + .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: #334155; + color: #ffffff; + border-color: #334155; + } + .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: #64748b; + 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(100, 116, 139, 0.04); + color: #64748b; + 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(100, 116, 139, 0.16); + color: #64748b; + 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: #64748b; + 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(100, 116, 139, 0.04); + border-color: transparent; + color: #64748b; + } + .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(100, 116, 139, 0.16); + border-color: transparent; + color: #64748b; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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 #bfdbfe; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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 #bbf7d0; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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 #fde68a; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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 #e9d5ff; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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 #fecaca; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + + .p-button.p-button-link { + color: #4338CA; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #4338CA; + 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 #C7D2FE; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #4338CA; + 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 #C7D2FE; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + 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: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #C7D2FE; + } + .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: #d1d5db; + 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: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4338CA; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #C7D2FE; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #C7D2FE; + } + .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 #C7D2FE; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EEF2FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EEF2FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #6366F1; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + } + .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: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #4338CA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #4338CA; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EEF2FF; + color: #4338CA; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #4338CA; + background: #EEF2FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 #C7D2FE; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #C7D2FE; + border-color: #6366F1; + } + .p-orderlist .p-orderlist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6f91ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .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 #C7D2FE; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + 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: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EEF2FF; + border-color: #EEF2FF; + color: #4338CA; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #C7D2FE; + border-color: #6366F1; + } + .p-picklist .p-picklist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #6366F1; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .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 #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #C7D2FE; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #C7D2FE; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .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: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .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: #4338CA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .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: #4338CA; + } + .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: #4338CA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #8ba7ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EEF2FF; + color: #4338CA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4338CA; + } + .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: #6b7280; + 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: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #C7D2FE; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #C7D2FE; + } + .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: #4b5563; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #4338CA; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #C7D2FE; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #4338CA; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #6366F1; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + 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 0 0 0.2rem #C7D2FE; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + 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: 1.25rem; + } + .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: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + 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: 1.25rem; + color: #374151; + 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 0 0 0.2rem #C7D2FE; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #f9fafb; + 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 #C7D2FE; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #C7D2FE; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #6366F1; + color: #6366F1; + } + .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: #6366F1; + width: 3rem; + 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 #C7D2FE; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + 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 #C7D2FE; + } + + .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: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + 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 #C7D2FE; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #EEF2FF; + color: #4338CA; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #4b5563; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #6366F1; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #4b5563; + } + .p-stepper .p-stepper-separator { + background-color: #e5e7eb; + 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: #4b5563; + } + .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: #6366F1; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #6366F1; + 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: #4F46E5; + 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: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #C7D2FE; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + 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 0 0 0.2rem #C7D2FE; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #6366F1; + border-style: dashed; + background-color: #EEF2FF; + } + .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: #4F46E5; + color: #ffffff; + border-color: #4F46E5; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem #C7D2FE; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: inset 0 0 0 0.15rem #C7D2FE; + } + .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: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + 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: #6b7280; + 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: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + 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 #C7D2FE; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .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: #4b5563; + } + .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: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .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 #e5e7eb; + 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.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #C7D2FE; + } + .p-slidemenu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + } + .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 #C7D2FE; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EEF2FF; + color: #4338CA; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #C7D2FE; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #6366F1; + color: #6366F1; + } + .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: #6366F1; + width: 3rem; + 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 #C7D2FE; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .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: #4338CA; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 #C7D2FE; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .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-message.p-message-secondary { + background: #64748b; + border: solid #64748b; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-message.p-message-secondary .p-message-icon { + color: #ffffff; + } + .p-message.p-message-secondary .p-message-close { + color: #ffffff; + } + .p-message.p-message-contrast { + background: #1f2937; + border: solid #1f2937; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-message.p-message-contrast .p-message-icon { + color: #ffffff; + } + .p-message.p-message-contrast .p-message-close { + color: #ffffff; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .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 #C7D2FE; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #64748b; + border: solid #64748b; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #1f2937; + border: solid #1f2937; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #ffffff; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + 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: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; + } + .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: #EEF2FF; + color: #4338CA; + } + .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: #f9fafb; + 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: #f9fafb; + } + .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 #C7D2FE; + } + + .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: #e5e7eb; + 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 #ffffff; + } + + .p-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-badge.p-badge-contrast { + background-color: #1f2937; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem #C7D2FE; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + + .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: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #6366F1; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #6366F1; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #6366F1; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .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: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-tag.p-tag-contrast { + background-color: #1f2937; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #6366F1; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #6366F1; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #6366F1; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #6366F1; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #6366F1; + color: #ffffff; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/theme.css new file mode 100644 index 00000000..dcab0f63 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-light-pink/theme.css @@ -0,0 +1,6340 @@ +: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: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #ec4899; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #fbcfe8; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fdf2f8; + --highlight-text-color: #be185d; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#fef6fa; + --primary-100:#fad3e7; + --primary-200:#f7b0d3; + --primary-300:#f38ec0; + --primary-400:#f06bac; + --primary-500:#ec4899; + --primary-600:#c93d82; + --primary-700:#a5326b; + --primary-800:#822854; + --primary-900:#5e1d3d; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + 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: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.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: #ec4899; +} +.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: #ec4899; +} +.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: #ec4899; +} +.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: #ec4899; +} + +@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: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .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 0 0 0.2rem #fbcfe8; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #ec4899; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + 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: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #be185d; + background: #fdf2f8; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fbcfe8; + } + .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: #4b5563; + 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: #ec4899; + } + .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: #be185d; + background: #fdf2f8; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + 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: #f3f4f6; + } + .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 #fbcfe8; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #fbcfe8; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #fbcfe8; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #ec4899; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + 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: #be185d; + background: #fdf2f8; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + 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: #ec4899; + background: #ec4899; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #ec4899; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #be185d; + background: #be185d; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #ec4899; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #be185d; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #ec4899; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .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 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #ec4899; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #be185d; + background: #fdf2f8; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + 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 #fbcfe8; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #ec4899; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #db2777; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + 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: #ec4899; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + 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.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #be185d; + background: #fdf2f8; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #ec4899; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + 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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #be185d; + background: #fdf2f8; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + 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: #ec4899; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .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: #ec4899; + background: #ec4899; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #be185d; + background: #be185d; + color: #ffffff; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ec4899; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #be185d; + } + + .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: #4b5563; + 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: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #ec4899; + border-color: #ec4899; + 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: #db2777; + border-color: #db2777; + 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: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #ec4899; + 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 #fbcfe8; + } + .p-slider .p-slider-range { + background: #ec4899; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #ec4899; + border-color: #ec4899; + } + .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 #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #ec4899; + border-color: #ec4899; + 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: #db2777; + border-color: #db2777; + 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: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #ec4899; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .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 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #ec4899; + border: 1px solid #ec4899; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-button:not(:disabled):active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .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: #ec4899; + 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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #64748b; + border: 1px solid #64748b; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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 #e2e8f0; + } + .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: #334155; + color: #ffffff; + border-color: #334155; + } + .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: #64748b; + 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(100, 116, 139, 0.04); + color: #64748b; + 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(100, 116, 139, 0.16); + color: #64748b; + 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: #64748b; + 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(100, 116, 139, 0.04); + border-color: transparent; + color: #64748b; + } + .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(100, 116, 139, 0.16); + border-color: transparent; + color: #64748b; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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 #bfdbfe; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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 #bbf7d0; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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 #fde68a; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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 #e9d5ff; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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 #fecaca; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #be185d; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #be185d; + 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 #fbcfe8; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #be185d; + 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 #fbcfe8; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + 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: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fbcfe8; + } + .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: #d1d5db; + 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: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #fbcfe8; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fbcfe8; + } + .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 #fbcfe8; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fdf2f8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fdf2f8; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #ec4899; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + } + .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: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #be185d; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fdf2f8; + color: #be185d; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #be185d; + background: #fdf2f8; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 #fbcfe8; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #fbcfe8; + border-color: #ec4899; + } + .p-orderlist .p-orderlist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ec84bd; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .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 #fbcfe8; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + 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: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fdf2f8; + border-color: #fdf2f8; + color: #be185d; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #fbcfe8; + border-color: #ec4899; + } + .p-picklist .p-picklist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #ec4899; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .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 #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #fbcfe8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fbcfe8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .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: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .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: #be185d; + } + .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: #be185d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #f09cca; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fdf2f8; + color: #be185d; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #be185d; + } + .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: #6b7280; + 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: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #fbcfe8; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fbcfe8; + } + .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: #4b5563; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #fbcfe8; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #be185d; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #ec4899; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + 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 0 0 0.2rem #fbcfe8; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + 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: 1.25rem; + } + .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: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + 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: 1.25rem; + color: #374151; + 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 0 0 0.2rem #fbcfe8; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #f9fafb; + 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 #fbcfe8; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .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 #fbcfe8; + } + + .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: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + 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 #fbcfe8; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #fdf2f8; + color: #be185d; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #4b5563; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #ec4899; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #4b5563; + } + .p-stepper .p-stepper-separator { + background-color: #e5e7eb; + 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: #4b5563; + } + .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: #ec4899; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #fbcfe8; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #ec4899; + color: #ec4899; + } + .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: #ec4899; + width: 3rem; + 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 #fbcfe8; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #ec4899; + 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: #db2777; + 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: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #fbcfe8; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + 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 0 0 0.2rem #fbcfe8; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #ec4899; + border-style: dashed; + background-color: #fdf2f8; + } + .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: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem #fbcfe8; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: inset 0 0 0 0.15rem #fbcfe8; + } + .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: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + 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: #6b7280; + 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: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + 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 #fbcfe8; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .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: #4b5563; + } + .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: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .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 #e5e7eb; + 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.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fbcfe8; + } + .p-slidemenu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + } + .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 #fbcfe8; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fdf2f8; + color: #be185d; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #fbcfe8; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #ec4899; + color: #ec4899; + } + .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: #ec4899; + width: 3rem; + 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 #fbcfe8; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .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: #be185d; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 #fbcfe8; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .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: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .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 #fbcfe8; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + 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: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + .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: #fdf2f8; + color: #be185d; + } + .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: #f9fafb; + 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: #f9fafb; + } + .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 #fbcfe8; + } + + .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: #e5e7eb; + 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 #ffffff; + } + + .p-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem #fbcfe8; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .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: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #ec4899; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #ec4899; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #ec4899; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .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: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f6a4cc, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ec4899; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ec4899; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f6a4cc, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ec4899; + color: #ffffff; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/theme.css new file mode 100644 index 00000000..f3fd8bc1 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-light-purple/theme.css @@ -0,0 +1,6561 @@ +: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: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #8B5CF6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #DDD6FE; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #F5F3FF; + --highlight-text-color: #6D28D9; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f9f7ff; + --primary-100:#e3d8fd; + --primary-200:#cdb9fb; + --primary-300:#b79af9; + --primary-400:#a17bf8; + --primary-500:#8b5cf6; + --primary-600:#764ed1; + --primary-700:#6140ac; + --primary-800:#4c3387; + --primary-900:#382562; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + 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: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.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: #8B5CF6; +} +.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: #8B5CF6; +} +.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: #8B5CF6; +} +.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: #8B5CF6; +} + +@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: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .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 0 0 0.2rem #DDD6FE; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #8B5CF6; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + 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: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #6D28D9; + background: #F5F3FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #DDD6FE; + } + .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: #4b5563; + 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: #8B5CF6; + } + .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: #6D28D9; + background: #F5F3FF; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + 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: #f3f4f6; + } + .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 #DDD6FE; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #DDD6FE; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #DDD6FE; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #8B5CF6; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + .p-cascadeselect.p-variant-filled { + background-color: #f3f4f6; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + 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: #6D28D9; + background: #F5F3FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + 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: #8B5CF6; + background: #8B5CF6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #8B5CF6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #6D28D9; + background: #6D28D9; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #6D28D9; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #6D28D9; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #8B5CF6; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .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 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #8B5CF6; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + .p-dropdown.p-variant-filled { + background-color: #f3f4f6; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #6D28D9; + background: #F5F3FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f3f4f6; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f3f4f6; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f3f4f6; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + 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 #DDD6FE; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #8B5CF6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #7C3AED; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + 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: #8B5CF6; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-variant-filled { + background-color: #f3f4f6; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + 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.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #6D28D9; + background: #F5F3FF; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #8B5CF6; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + 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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f3f4f6; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #6D28D9; + background: #F5F3FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + 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: #8B5CF6; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .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: #8B5CF6; + background: #8B5CF6; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #6D28D9; + background: #6D28D9; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #8B5CF6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #6D28D9; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #8B5CF6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #6D28D9; + } + + .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: #4b5563; + 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: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #8B5CF6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #8B5CF6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #8B5CF6; + border-color: #8B5CF6; + 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: #7C3AED; + border-color: #7C3AED; + 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: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .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 #8B5CF6; + 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 #DDD6FE; + } + .p-slider .p-slider-range { + background: #8B5CF6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #8B5CF6; + border-color: #8B5CF6; + } + .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 #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #8B5CF6; + border-color: #8B5CF6; + 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: #7C3AED; + border-color: #7C3AED; + 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: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #8B5CF6; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f3f4f6; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .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 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #8B5CF6; + border: 1px solid #8B5CF6; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; + } + .p-button:not(:disabled):active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .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: #8B5CF6; + 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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #64748b; + border: 1px solid #64748b; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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 #e2e8f0; + } + .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: #334155; + color: #ffffff; + border-color: #334155; + } + .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: #64748b; + 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(100, 116, 139, 0.04); + color: #64748b; + 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(100, 116, 139, 0.16); + color: #64748b; + 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: #64748b; + 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(100, 116, 139, 0.04); + border-color: transparent; + color: #64748b; + } + .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(100, 116, 139, 0.16); + border-color: transparent; + color: #64748b; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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 #bfdbfe; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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 #bbf7d0; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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 #fde68a; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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 #e9d5ff; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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 #fecaca; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + + .p-button.p-button-link { + color: #6D28D9; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #6D28D9; + 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 #DDD6FE; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #6D28D9; + 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 #DDD6FE; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + 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: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #DDD6FE; + } + .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: #d1d5db; + 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: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #6D28D9; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #DDD6FE; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #DDD6FE; + } + .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 #DDD6FE; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F5F3FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F5F3FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #8B5CF6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + } + .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: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #6D28D9; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #6D28D9; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #F5F3FF; + color: #6D28D9; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #6D28D9; + background: #F5F3FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 #DDD6FE; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #DDD6FE; + border-color: #8B5CF6; + } + .p-orderlist .p-orderlist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #8b74ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .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 #DDD6FE; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + 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: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F5F3FF; + border-color: #F5F3FF; + color: #6D28D9; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #DDD6FE; + border-color: #8B5CF6; + } + .p-picklist .p-picklist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #8B5CF6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .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 #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #DDD6FE; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #DDD6FE; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .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: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .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: #6D28D9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .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: #6D28D9; + } + .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: #6D28D9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #a28fff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #F5F3FF; + color: #6D28D9; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #6D28D9; + } + .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: #6b7280; + 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: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #DDD6FE; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #DDD6FE; + } + .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: #4b5563; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #DDD6FE; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #6D28D9; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #8B5CF6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + 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 0 0 0.2rem #DDD6FE; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + 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: 1.25rem; + } + .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: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + 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: 1.25rem; + color: #374151; + 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 0 0 0.2rem #DDD6FE; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #f9fafb; + 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 #DDD6FE; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #DDD6FE; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #8B5CF6; + color: #8B5CF6; + } + .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: #8B5CF6; + width: 3rem; + 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 #DDD6FE; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + 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 #DDD6FE; + } + + .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: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + 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 #DDD6FE; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #F5F3FF; + color: #6D28D9; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #4b5563; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #8B5CF6; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #4b5563; + } + .p-stepper .p-stepper-separator { + background-color: #e5e7eb; + 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: #4b5563; + } + .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: #8B5CF6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #8B5CF6; + 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: #7C3AED; + 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: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #DDD6FE; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + 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 0 0 0.2rem #DDD6FE; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #8B5CF6; + border-style: dashed; + background-color: #F5F3FF; + } + .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: #7C3AED; + color: #ffffff; + border-color: #7C3AED; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem #DDD6FE; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: inset 0 0 0 0.15rem #DDD6FE; + } + .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: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + 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: #6b7280; + 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: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + 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 #DDD6FE; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .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: #4b5563; + } + .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: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .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 #e5e7eb; + 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.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #DDD6FE; + } + .p-slidemenu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + } + .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 #DDD6FE; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #F5F3FF; + color: #6D28D9; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #DDD6FE; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #8B5CF6; + color: #8B5CF6; + } + .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: #8B5CF6; + width: 3rem; + 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 #DDD6FE; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .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: #6D28D9; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 #DDD6FE; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .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-message.p-message-secondary { + background: #64748b; + border: solid #64748b; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-message.p-message-secondary .p-message-icon { + color: #ffffff; + } + .p-message.p-message-secondary .p-message-close { + color: #ffffff; + } + .p-message.p-message-contrast { + background: #1f2937; + border: solid #1f2937; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-message.p-message-contrast .p-message-icon { + color: #ffffff; + } + .p-message.p-message-contrast .p-message-close { + color: #ffffff; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .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 #DDD6FE; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #64748b; + border: solid #64748b; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #1f2937; + border: solid #1f2937; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #ffffff; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + 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: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; + } + .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: #F5F3FF; + color: #6D28D9; + } + .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: #f9fafb; + 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: #f9fafb; + } + .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 #DDD6FE; + } + + .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: #e5e7eb; + 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 #ffffff; + } + + .p-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-badge.p-badge-contrast { + background-color: #1f2937; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem #DDD6FE; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + + .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: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #8B5CF6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #8B5CF6; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #8B5CF6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .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: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-tag.p-tag-contrast { + background-color: #1f2937; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #8B5CF6; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #8B5CF6; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #8B5CF6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #8B5CF6; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #8B5CF6; + color: #ffffff; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-italic.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..cd87d055 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-italic.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-roman.var.woff2 b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..b44e7f86 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-roman.var.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/theme.css b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/theme.css new file mode 100644 index 00000000..bff5a017 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/lara-light-teal/theme.css @@ -0,0 +1,6561 @@ +: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: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #14b8a6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #99f6e4; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #f0fdfa; + --highlight-text-color: #0f766e; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --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:#f3fbfb; + --primary-100:#c7eeea; + --primary-200:#9ae0d9; + --primary-300:#6dd3c8; + --primary-400:#41c5b7; + --primary-500:#14b8a6; + --primary-600:#119c8d; + --primary-700:#0e8174; + --primary-800:#0b655b; + --primary-900:#084a42; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + 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: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.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: #14b8a6; +} +.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: #14b8a6; +} +.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: #14b8a6; +} +.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: #14b8a6; +} + +@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: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .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 0 0 0.2rem #99f6e4; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #14b8a6; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + 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: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0f766e; + background: #f0fdfa; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #99f6e4; + } + .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: #4b5563; + 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: #14b8a6; + } + .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: #0f766e; + background: #f0fdfa; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + 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: #f3f4f6; + } + .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 #99f6e4; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #99f6e4; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .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 #99f6e4; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #14b8a6; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + .p-cascadeselect.p-variant-filled { + background-color: #f3f4f6; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + 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: #0f766e; + background: #f0fdfa; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + 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: #14b8a6; + background: #14b8a6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #14b8a6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0f766e; + background: #0f766e; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0f766e; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0f766e; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #14b8a6; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .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 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #14b8a6; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + .p-dropdown.p-variant-filled { + background-color: #f3f4f6; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0f766e; + background: #f0fdfa; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f3f4f6; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f3f4f6; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f3f4f6; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + 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 #99f6e4; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #14b8a6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0d9488; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + 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: #14b8a6; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-variant-filled { + background-color: #f3f4f6; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + 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.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0f766e; + background: #f0fdfa; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #14b8a6; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + 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: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f3f4f6; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0f766e; + background: #f0fdfa; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + 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: #14b8a6; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .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: #14b8a6; + background: #14b8a6; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0f766e; + background: #0f766e; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #14b8a6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0f766e; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #14b8a6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0f766e; + } + + .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: #4b5563; + 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: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #14b8a6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #14b8a6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #14b8a6; + border-color: #14b8a6; + 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: #0d9488; + border-color: #0d9488; + 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: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .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 #14b8a6; + 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 #99f6e4; + } + .p-slider .p-slider-range { + background: #14b8a6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #14b8a6; + border-color: #14b8a6; + } + .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 #d1d5db; + color: #4b5563; + 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: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .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: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #14b8a6; + border-color: #14b8a6; + 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: #0d9488; + border-color: #0d9488; + 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: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + 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: #14b8a6; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f3f4f6; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f3f4f6; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .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 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #14b8a6; + border: 1px solid #14b8a6; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #0d9488; + color: #ffffff; + border-color: #0d9488; + } + .p-button:not(:disabled):active { + background: #0f766e; + color: #ffffff; + border-color: #0f766e; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .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: #14b8a6; + 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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #64748b; + border: 1px solid #64748b; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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 #e2e8f0; + } + .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: #334155; + color: #ffffff; + border-color: #334155; + } + .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: #64748b; + 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(100, 116, 139, 0.04); + color: #64748b; + 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(100, 116, 139, 0.16); + color: #64748b; + 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: #64748b; + 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(100, 116, 139, 0.04); + border-color: transparent; + color: #64748b; + } + .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(100, 116, 139, 0.16); + border-color: transparent; + color: #64748b; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .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: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .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 #bfdbfe; + } + .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: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: #0ea5e9; + 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(14, 165, 233, 0.04); + color: #0ea5e9; + 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(14, 165, 233, 0.16); + color: #0ea5e9; + 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: #0ea5e9; + 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(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .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(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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 #bbf7d0; + } + .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: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .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: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .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 #fde68a; + } + .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: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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: #f97316; + 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(249, 115, 22, 0.04); + color: #f97316; + 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(249, 115, 22, 0.16); + color: #f97316; + 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: #f97316; + 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(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .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(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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 #e9d5ff; + } + .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: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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 #fecaca; + } + .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: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + + .p-button.p-button-link { + color: #0f766e; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0f766e; + 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 #99f6e4; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #0f766e; + 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 #99f6e4; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + 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: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #99f6e4; + } + .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: #d1d5db; + 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: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #f0fdfa; + color: #0f766e; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #0f766e; + background: #f0fdfa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0f766e; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #99f6e4; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #99f6e4; + } + .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 #99f6e4; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f0fdfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f0fdfa; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #14b8a6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + } + .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: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0f766e; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0f766e; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #f0fdfa; + color: #0f766e; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + 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: #0f766e; + background: #f0fdfa; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .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 #99f6e4; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #99f6e4; + border-color: #14b8a6; + } + .p-orderlist .p-orderlist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #80eed5; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .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 #99f6e4; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + 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: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #f0fdfa; + border-color: #f0fdfa; + color: #0f766e; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + 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 #99f6e4; + border-color: #14b8a6; + } + .p-picklist .p-picklist-header { + color: #374151; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + color: #4b5563; + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + 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: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #14b8a6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .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 #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #99f6e4; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #99f6e4; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .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: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .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: #0f766e; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .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: #0f766e; + } + .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: #0f766e; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .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: #99f1dd; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #f0fdfa; + color: #0f766e; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0f766e; + } + .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: #6b7280; + 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: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #99f6e4; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + 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: #0f766e; + background: #f0fdfa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #99f6e4; + } + .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: #4b5563; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #0f766e; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #99f6e4; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0f766e; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #14b8a6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .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: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + 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 0 0 0.2rem #99f6e4; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + 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: 1.25rem; + } + .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: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + 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: 1.25rem; + color: #374151; + 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 0 0 0.2rem #99f6e4; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #f9fafb; + 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 #99f6e4; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #99f6e4; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #14b8a6; + color: #14b8a6; + } + .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: #14b8a6; + width: 3rem; + 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 #99f6e4; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + 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 #99f6e4; + } + + .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: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + 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 #99f6e4; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #f0fdfa; + color: #0f766e; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #4b5563; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #14b8a6; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #4b5563; + } + .p-stepper .p-stepper-separator { + background-color: #e5e7eb; + 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: #4b5563; + } + .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: #14b8a6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #14b8a6; + 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: #0d9488; + 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: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + 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: #374151; + border-color: transparent; + background: #f3f4f6; + } + .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 #99f6e4; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + 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 0 0 0.2rem #99f6e4; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #14b8a6; + border-style: dashed; + background-color: #f0fdfa; + } + .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: #0d9488; + color: #ffffff; + border-color: #0d9488; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0f766e; + color: #ffffff; + border-color: #0f766e; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 0.2rem #99f6e4; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: inset 0 0 0 0.15rem #99f6e4; + } + .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: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + 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: #6b7280; + 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: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .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: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + 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 #99f6e4; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + 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: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .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: #4b5563; + } + .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: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .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 #e5e7eb; + 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.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + 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: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #99f6e4; + } + .p-slidemenu .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + 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: #6b7280; + } + .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 #99f6e4; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f0fdfa; + color: #0f766e; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + 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 0 0 0.2rem #99f6e4; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #14b8a6; + color: #14b8a6; + } + .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: #14b8a6; + width: 3rem; + 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 #99f6e4; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .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: #0f766e; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .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: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 #99f6e4; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .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-message.p-message-secondary { + background: #64748b; + border: solid #64748b; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-message.p-message-secondary .p-message-icon { + color: #ffffff; + } + .p-message.p-message-secondary .p-message-close { + color: #ffffff; + } + .p-message.p-message-contrast { + background: #1f2937; + border: solid #1f2937; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-message.p-message-contrast .p-message-icon { + color: #ffffff; + } + .p-message.p-message-contrast .p-message-close { + color: #ffffff; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .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 #99f6e4; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .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: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #64748b; + border: solid #64748b; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #1f2937; + border: solid #1f2937; + border-width: 0 0 0 6px; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #ffffff; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + 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: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + 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: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f0fdfa; + color: #0f766e; + } + .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: #f0fdfa; + color: #0f766e; + } + .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: #f9fafb; + 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: #f9fafb; + } + .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 #99f6e4; + } + + .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: #e5e7eb; + 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 #ffffff; + } + + .p-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-badge.p-badge-contrast { + background-color: #1f2937; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 0.2rem #99f6e4; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + + .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: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #14b8a6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #14b8a6; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #14b8a6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .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: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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-tag.p-tag-secondary { + background-color: #64748b; + color: #ffffff; + } + .p-tag.p-tag-contrast { + background-color: #1f2937; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .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-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #14b8a6; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #14b8a6; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #14b8a6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #14b8a6; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #14b8a6; + color: #ffffff; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/luna-amber/theme.css b/booklore-ui/src/assets/layout/styles/theme/luna-amber/theme.css new file mode 100644 index 00000000..2bd35640 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/luna-amber/theme.css @@ -0,0 +1,6367 @@ +: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/booklore-ui/src/assets/layout/styles/theme/luna-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/luna-blue/theme.css new file mode 100644 index 00000000..dfb77335 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/luna-blue/theme.css @@ -0,0 +1,6367 @@ +: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/booklore-ui/src/assets/layout/styles/theme/luna-green/theme.css b/booklore-ui/src/assets/layout/styles/theme/luna-green/theme.css new file mode 100644 index 00000000..89ab0839 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/luna-green/theme.css @@ -0,0 +1,6367 @@ +: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/booklore-ui/src/assets/layout/styles/theme/luna-pink/theme.css b/booklore-ui/src/assets/layout/styles/theme/luna-pink/theme.css new file mode 100644 index 00000000..2e405523 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/luna-pink/theme.css @@ -0,0 +1,6367 @@ +: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/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 00000000..ad8f60c3 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 00000000..381442a1 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 00000000..d08f2b81 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..e7a26f14 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 00000000..1bbb4eb4 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..3152d047 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/theme.css b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/theme.css new file mode 100644 index 00000000..df0a91b3 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/md-dark-deeppurple/theme.css @@ -0,0 +1,8098 @@ +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #CE93D8; + --primary-color-text: #121212; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); + --maskbg: rgba(0, 0, 0, 0.32); + --highlight-bg: rgba(206, 147, 216, 0.16); + --highlight-text-color: #CE93D8; + --focus-ring: none; + color-scheme: dark; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fdfafd; + --primary-100:#f3e5f6; + --primary-200:#ead1ee; + --primary-300:#e1bce7; + --primary-400:#d7a8df; + --primary-500:#ce93d8; + --primary-600:#af7db8; + --primary-700:#906797; + --primary-800:#715177; + --primary-900:#523b56; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 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 rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #CE93D8; +} +.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: #CE93D8; +} +.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: #CE93D8; +} +.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: #CE93D8; +} + +@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.32); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.38; + } + + .p-error { + color: #f44435; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-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: 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: 1rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 4rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: rgba(255, 255, 255, 0.6); + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.5rem 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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.5rem 1rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + 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.24); + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f44435; + } + + .p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 3rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 4rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + + .p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + 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: #CE93D8; + } + .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: none; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .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: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + 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.04); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 3rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 4rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 1rem 1rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44435; + } + .p-cascadeselect.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; + } + .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.06); + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 1rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: 18px; + height: 18px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #121212; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #CE93D8; + background: #CE93D8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #CE93D8; + background: #CE93D8; + color: #121212; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #CE93D8; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #CE93D8; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #CE93D8; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #CE93D8; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: rgba(255, 255, 255, 0.6); + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); + } + .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.5rem 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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 2rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #2b2b2b; + border: 1px solid #1e1e1e; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 2rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f44435; + } + .p-dropdown.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 2rem; + margin-right: -2rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 1rem 1rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 3rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + .p-inputmask.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 3rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 4rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 4rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: rgba(255, 255, 255, 0.06); + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + + .p-inputswitch { + width: 2.75rem; + height: 1rem; + } + .p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(206, 147, 216, 0.5); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #CE93D8; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(206, 147, 216, 0.5); + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f44435; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 1rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; + } + .p-inputtext.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; + } + + .p-float-label > label { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 3rem; + } + + .p-input-icon-left.p-float-label > label { + left: 3rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 3rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 3rem; + } + + .p-icon-field-left.p-float-label > label { + left: 3rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 3rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; + } + + .p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-listbox .p-listbox-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 2rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .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: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; + } + + .p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-multiselect .p-multiselect-label { + padding: 1rem 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: rgba(255, 255, 255, 0.06); + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.5rem 1rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 2rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44435; + } + + .p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(206, 147, 216, 0.32); + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef9a9a; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fff59d; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 3rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 5rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #CE93D8; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #CE93D8; + background: #121212; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #CE93D8; + background: #121212; + color: #CE93D8; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #121212; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; + } + + .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: #CE93D8; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 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: #f44435; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #CE93D8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #CE93D8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f44435; + } + + .p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; + } + + .p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; + } + .p-slider.p-slider-horizontal { + height: 2px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 2px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #CE93D8; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #CE93D8; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #CE93D8; + border-color: 0 none; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; + } + + .p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-treeselect .p-treeselect-label { + padding: 1rem 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44435; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.5rem 1rem; + } + + .p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-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: 2rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 4rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 3rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 2rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #121212; + background: #CE93D8; + border: 0 none; + padding: 0.714rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; + } + .p-button:not(:disabled):active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: #CE93D8; + background-color: #121212; + } + .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: 3rem; + padding: 0.714rem; + } + .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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.62475rem 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.8925rem 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: 3rem; + } + .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: #A5D6A7; + border: 0 none; + } + .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: rgba(165, 214, 167, 0.92); + color: #121212; + border-color: transparent; + } + .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: none; + } + .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: rgba(165, 214, 167, 0.68); + color: #121212; + border-color: transparent; + } + .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: #A5D6A7; + border: 0 none; + } + .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(165, 214, 167, 0.04); + color: #A5D6A7; + border: 0 none; + } + .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(165, 214, 167, 0.16); + color: #A5D6A7; + border: 0 none; + } + .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: #A5D6A7; + 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(165, 214, 167, 0.04); + border-color: transparent; + color: #A5D6A7; + } + .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(165, 214, 167, 0.16); + border-color: transparent; + color: #A5D6A7; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90caf9; + border: 0 none; + } + .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: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; + } + .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: #90caf9; + border: 0 none; + } + .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(144, 202, 249, 0.04); + color: #90caf9; + border: 0 none; + } + .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(144, 202, 249, 0.16); + color: #90caf9; + border: 0 none; + } + .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: #90caf9; + 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(144, 202, 249, 0.04); + border-color: transparent; + color: #90caf9; + } + .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(144, 202, 249, 0.16); + border-color: transparent; + color: #90caf9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #c5e1a5; + border: 0 none; + } + .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: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; + } + .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: #c5e1a5; + border: 0 none; + } + .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(197, 225, 165, 0.04); + color: #c5e1a5; + border: 0 none; + } + .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(197, 225, 165, 0.16); + color: #c5e1a5; + border: 0 none; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #fff59d; + border: 0 none; + } + .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: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; + } + .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: #fff59d; + border: 0 none; + } + .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, 245, 157, 0.04); + color: #fff59d; + border: 0 none; + } + .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, 245, 157, 0.16); + color: #fff59d; + border: 0 none; + } + .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: #fff59d; + 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, 245, 157, 0.04); + border-color: transparent; + color: #fff59d; + } + .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, 245, 157, 0.16); + border-color: transparent; + color: #fff59d; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #ce93d8; + border: 0 none; + } + .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: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: #212121; + background: #ef9a9a; + border: 0 none; + } + .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: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; + } + .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: #ef9a9a; + border: 0 none; + } + .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(239, 154, 154, 0.04); + color: #ef9a9a; + border: 0 none; + } + .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(239, 154, 154, 0.16); + color: #ef9a9a; + border: 0 none; + } + .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: #ef9a9a; + 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(239, 154, 154, 0.04); + border-color: transparent; + color: #ef9a9a; + } + .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(239, 154, 154, 0.16); + border-color: transparent; + color: #ef9a9a; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #121212; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d0d0d0; + color: #121212; + border-color: #d0d0d0; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #b8b8b8; + color: #121212; + border-color: #b8b8b8; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #CE93D8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #CE93D8; + 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: #CE93D8; + 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: none; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #A5D6A7; + color: #212121; + } + .p-speeddial-action:hover { + background: rgba(165, 214, 167, 0.92); + color: #212121; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); + } + + .p-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 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: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + 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: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-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: 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 transparent; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #CE93D8; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; + } + .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: #1e1e1e; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 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: #222222; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #CE93D8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #CE93D8; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 1rem 0; + } + .p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 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: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 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: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 500; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 2rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(157, 62, 173, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 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: none; + } + + .p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); + } + + .p-picklist .p-picklist-buttons { + padding: 1rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 500; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; + } + .p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 2rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; + } + .p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 4px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #CE93D8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .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: #CE93D8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .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: #CE93D8; + } + .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: #CE93D8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 2rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(182, 94, 197, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: none; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #CE93D8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-treetable .p-sortable-column { + outline-color: transparent; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #CE93D8; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #CE93D8; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #CE93D8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #CE93D8; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #CE93D8; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 1rem 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem 1.5rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 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: rgba(255, 255, 255, 0.6); + } + .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: #1e1e1e; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 500; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: 1rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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.12); + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; + } + .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: #CE93D8; + width: 3rem; + 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 none; + } + .p-tabview .p-tabview-panels { + background: transparent; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 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: none; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.87); + font-weight: 500; + 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: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #CE93D8; + } + .p-stepper .p-stepper-panels { + background: transparent; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #bdbdbd; + 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: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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: #CE93D8; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 1rem 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(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-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: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 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: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1rem 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: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #CE93D8; + color: #121212; + width: 2.5rem; + height: 2.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1.25rem; + right: -1.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #242424; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; + } + + .p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 1rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1rem; + } + + .p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #CE93D8; + border-style: dashed; + background-color: rgba(206, 147, 216, 0.16); + } + .p-fileupload .p-progressbar { + height: 4px; + } + .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: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; + } + .p-fileupload-choose:not(.p-disabled):active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; + } + + .p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + 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: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-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: 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: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + + .p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menu.p-menu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + 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: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-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: 3rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 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: 7rem; + } + .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: 9rem; + } + .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: 11rem; + } + .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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + border-radius: 4px; + transition: none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + font-weight: 400; + } + .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 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + 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: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .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.12); + margin: 0.5rem 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.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #CE93D8; + color: #121212; + 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 rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; + } + .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: #CE93D8; + width: 3rem; + 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 none; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 1rem 1rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 1px; + color: #01579b; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579b; + } + .p-inline-message.p-inline-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 1px; + color: #1b5e20; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1b5e20; + } + .p-inline-message.p-inline-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 1px; + color: #7f6003; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; + } + .p-inline-message.p-inline-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 1px; + color: #b71c1c; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #b71c1c; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-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: 1.25rem 1.5rem; + } + .p-message .p-message-close { + width: 2.5rem; + height: 2.5rem; + 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: none; + } + .p-message.p-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-message.p-message-info .p-message-icon { + color: #01579b; + } + .p-message.p-message-info .p-message-close { + color: #01579b; + } + .p-message.p-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-message.p-message-success .p-message-icon { + color: #1b5e20; + } + .p-message.p-message-success .p-message-close { + color: #1b5e20; + } + .p-message.p-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-message.p-message-warn .p-message-icon { + color: #7f6003; + } + .p-message.p-message-warn .p-message-close { + color: #7f6003; + } + .p-message.p-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-message.p-message-error .p-message-icon { + color: #b71c1c; + } + .p-message.p-message-error .p-message-close { + color: #b71c1c; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-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-message.p-message-secondary { + background: #A5D6A7; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-message.p-message-secondary .p-message-icon { + color: #121212; + } + .p-message.p-message-secondary .p-message-close { + color: #121212; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-message.p-message-contrast .p-message-icon { + color: #121212; + } + .p-message.p-message-contrast .p-message-close { + color: #121212; + } + + .p-toast { + opacity: 0.9; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1.5rem; + border-width: 0 0 0 0; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-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: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #A5D6A7; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #121212; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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.12); + border-radius: 4px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; + } + + .p-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #A5D6A7; + color: #121212; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #121212; + } + .p-badge.p-badge-success { + background-color: #c5e1a5; + color: #212121; + } + .p-badge.p-badge-info { + background-color: #90caf9; + color: #212121; + } + .p-badge.p-badge-warning { + background-color: #fff59d; + color: #212121; + } + .p-badge.p-badge-danger { + background-color: #ef9a9a; + color: #212121; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 1rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.5rem; + height: 2.5rem; + margin-left: -1rem; + 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: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-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: rgba(206, 147, 216, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #CE93D8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #CE93D8; + 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: 4px; + background: rgba(206, 147, 216, 0.32); + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #CE93D8; + } + .p-progressbar .p-progressbar-label { + color: #121212; + line-height: 4px; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: #A5D6A7; + } + .p-scrolltop.p-link:hover { + background: rgba(165, 214, 167, 0.92); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #121212; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #212121; + } + .p-tag.p-tag-info { + background-color: #90caf9; + color: #212121; + } + .p-tag.p-tag-warning { + background-color: #fff59d; + color: #212121; + } + .p-tag.p-tag-danger { + background-color: #ef9a9a; + color: #212121; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #A5D6A7; + color: #121212; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #121212; + } + + .p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 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-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); + } + .p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; + } + .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; + } + + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; + } + .p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-button { + font-weight: 500; + min-width: 4rem; + } + .p-button.p-button-icon-only { + min-width: auto; + } + .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); + } + .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + } + .p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); + } + .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); + } + .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + } + .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; + } + .p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + } + .p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; + } + .p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(165, 214, 167, 0.76); + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(165, 214, 167, 0.68); + } + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(165, 214, 167, 0.12); + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(165, 214, 167, 0.16); + } + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(165, 214, 167, 0.16); + } + + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + } + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); + } + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + } + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); + } + + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + } + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); + } + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + } + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); + } + + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + } + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + } + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); + } + + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + } + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); + } + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + } + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + } + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + } + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); + } + + .p-button.p-button-contrast:enabled:focus, +.p-button-group.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(255, 255, 255, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-button-group.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(255, 255, 255, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 255, 255, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-text .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 255, 255, 0.16); + } + + .p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; + } + .p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #CE93D8; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + .p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; + } + .p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; + } + + .p-datepicker .p-datepicker-header { + border-bottom: 0 none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; + } + .p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; + } + .p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; + } + .p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); + } + .p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); + } + + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; + } + + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; + } + .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-cascadeselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #A5D6A7; + color: #121212; + } + + .p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; + } + .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); + } + .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); + } + .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #CE93D8; + } + .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + .p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #1e1e1e; + } + .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; + } + + @keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #121212; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #121212; + transform: translate3d(0, -10px, 0) rotate(45deg); + } + } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-datatable .p-sortable-column { + outline: 0 none; + } + .p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr { + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #CE93D8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #CE93D8; + } + + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; + } + .p-dropdown .p-inputtext { + border: 0 none; + } + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + .p-dropdown.p-variant-filled { + background: rgba(255, 255, 255, 0.06); + } + .p-dropdown.p-variant-filled:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-dropdown-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-dropdown .p-inputtext { + border: 0 none; + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #A5D6A7; + color: #121212; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(165, 214, 167, 0.68); + color: #121212; + } + + .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + .p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); + } + .p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; + } + .p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; + } + + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + + .p-fieldset .p-fieldset-legend { + border: 0 none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; + } + + .p-float-label textarea ~ label { + margin-top: 0; + } + + .p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #CE93D8; + } + + .p-input-filled .p-float-label .p-inputtext { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; + } + + .p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; + } + .p-multiselect .p-multiselect-label { + border: 0 none; + } + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + .p-multiselect-panel .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; + } + + .p-paginator { + justify-content: flex-end; + } + .p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; + } + .p-panel .p-panel-content { + padding-top: 0; + } + .p-panel .p-panel-title { + font-size: 1.25rem; + } + .p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * { + opacity: 0.38; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus { + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-progressbar { + border-radius: 0; + } + .p-progressbar .p-progressbar-label { + display: none !important; + } + + .p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #CE93D8; + } + .p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; + } + + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { + border-radius: 50%; + width: 2rem; + height: 2rem; + align-items: center; + display: inline-flex; + justify-content: center; + } + .p-rating .p-rating-item.p-focus { + background: rgba(206, 147, 216, 0.12); + } + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { + background: rgba(244, 68, 53, 0.12); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { + background-color: rgba(0, 0, 0, 0.04); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { + background: rgba(244, 68, 53, 0.04); + } + + .p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + } + .p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + } + + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(165, 214, 167, 0.2); + } + .p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); + } + + .p-steps { + padding: 1rem 0; + } + .p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; + } + .p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; + } + .p-steps .p-steps-item:last-child { + flex-grow: 0; + } + .p-steps .p-steps-item:last-child:before { + display: none; + } + .p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #CE93D8; + color: #121212; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(206, 147, 216, 0.12); + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #CE93D8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-toolbar { + border: 0 none; + } + + .p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + } + .p-tooltip .p-tooltip-arrow { + display: none; + } + + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; + } + .p-treeselect .p-treeselect-label { + border: 0 none; + } + .p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-treeselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; + } + .p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + .p-treeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + background: rgba(255, 255, 255, 0.12); + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-treetable .p-sortable-column { + outline: 0 none; + } + .p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr { + outline: 0 none; + } + .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); + } + + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); + } + .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #CE93D8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; + } + + .p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + } + .p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + } + + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(206, 147, 216, 0.12); + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + } + .p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(3rem + 1px); + } + .p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + } + .p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; + } + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(165, 214, 167, 0.12); + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(165, 214, 167, 0.16); + } + + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(144, 202, 249, 0.12); + } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(144, 202, 249, 0.16); + } + + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(197, 225, 165, 0.12); + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(197, 225, 165, 0.16); + } + + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(255, 245, 157, 0.12); + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(255, 245, 157, 0.16); + } + + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(206, 147, 216, 0.12); + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + } + + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(239, 154, 154, 0.12); + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 154, 154, 0.16); + } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(165, 214, 167, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(165, 214, 167, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } +} +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 00000000..ad8f60c3 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 00000000..381442a1 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 00000000..d08f2b81 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..e7a26f14 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 00000000..1bbb4eb4 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..3152d047 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/theme.css b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/theme.css new file mode 100644 index 00000000..0a9b7f97 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/md-dark-indigo/theme.css @@ -0,0 +1,8098 @@ +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #9FA8DA; + --primary-color-text: #121212; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); + --maskbg: rgba(0, 0, 0, 0.32); + --highlight-bg: rgba(159, 168, 218, 0.16); + --highlight-text-color: #9FA8DA; + --focus-ring: none; + color-scheme: dark; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fafbfd; + --primary-100:#e8eaf6; + --primary-200:#d6daef; + --primary-300:#c3c9e8; + --primary-400:#b1b9e1; + --primary-500:#9fa8da; + --primary-600:#878fb9; + --primary-700:#6f7699; + --primary-800:#575c78; + --primary-900:#404357; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 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 rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9FA8DA; +} +.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: #9FA8DA; +} +.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: #9FA8DA; +} +.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: #9FA8DA; +} + +@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.32); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.38; + } + + .p-error { + color: #f44435; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-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: 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: 1rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 4rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: rgba(255, 255, 255, 0.6); + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.5rem 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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.5rem 1rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + 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.24); + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f44435; + } + + .p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 3rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 4rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + + .p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + 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: #9FA8DA; + } + .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: none; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .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: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + 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.04); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 3rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 4rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 1rem 1rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44435; + } + .p-cascadeselect.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; + } + .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.06); + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 1rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: 18px; + height: 18px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #121212; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #9FA8DA; + background: #9FA8DA; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #9FA8DA; + background: #9FA8DA; + color: #121212; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #9FA8DA; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9FA8DA; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #9FA8DA; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9FA8DA; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: rgba(255, 255, 255, 0.6); + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); + } + .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.5rem 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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 2rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #2b2b2b; + border: 1px solid #1e1e1e; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 2rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f44435; + } + .p-dropdown.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 2rem; + margin-right: -2rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 1rem 1rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 3rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + .p-inputmask.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 3rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 4rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 4rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: rgba(255, 255, 255, 0.06); + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + + .p-inputswitch { + width: 2.75rem; + height: 1rem; + } + .p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(159, 168, 218, 0.5); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #9FA8DA; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(159, 168, 218, 0.5); + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f44435; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 1rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; + } + .p-inputtext.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; + } + + .p-float-label > label { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 3rem; + } + + .p-input-icon-left.p-float-label > label { + left: 3rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 3rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 3rem; + } + + .p-icon-field-left.p-float-label > label { + left: 3rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 3rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; + } + + .p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-listbox .p-listbox-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 2rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .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: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; + } + + .p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-multiselect .p-multiselect-label { + padding: 1rem 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: rgba(255, 255, 255, 0.06); + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.5rem 1rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 2rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44435; + } + + .p-password-panel { + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(159, 168, 218, 0.32); + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef9a9a; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fff59d; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 3rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 1rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 5rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #9FA8DA; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #9FA8DA; + background: #121212; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #9FA8DA; + background: #121212; + color: #9FA8DA; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #121212; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; + } + + .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: #9FA8DA; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 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: #f44435; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #9FA8DA; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #9FA8DA; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f44435; + } + + .p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; + } + + .p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; + } + .p-slider.p-slider-horizontal { + height: 2px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 2px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #9FA8DA; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #9FA8DA; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #9FA8DA; + border-color: 0 none; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; + } + + .p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-treeselect .p-treeselect-label { + padding: 1rem 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44435; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.5rem 1rem; + } + + .p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-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: 2rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 4rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 3rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 2rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #121212; + background: #9FA8DA; + border: 0 none; + padding: 0.714rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; + } + .p-button:not(:disabled):active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #9FA8DA; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border: 0 none; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #9FA8DA; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: #9FA8DA; + background-color: #121212; + } + .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: 3rem; + padding: 0.714rem; + } + .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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.62475rem 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.8925rem 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: 3rem; + } + .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: #F48FB1; + border: 0 none; + } + .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: rgba(244, 143, 177, 0.92); + color: #121212; + border-color: transparent; + } + .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: none; + } + .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: rgba(244, 143, 177, 0.68); + color: #121212; + border-color: transparent; + } + .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: #F48FB1; + border: 0 none; + } + .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(244, 143, 177, 0.04); + color: #F48FB1; + border: 0 none; + } + .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(244, 143, 177, 0.16); + color: #F48FB1; + border: 0 none; + } + .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: #F48FB1; + 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(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; + } + .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(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90caf9; + border: 0 none; + } + .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: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; + } + .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: #90caf9; + border: 0 none; + } + .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(144, 202, 249, 0.04); + color: #90caf9; + border: 0 none; + } + .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(144, 202, 249, 0.16); + color: #90caf9; + border: 0 none; + } + .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: #90caf9; + 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(144, 202, 249, 0.04); + border-color: transparent; + color: #90caf9; + } + .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(144, 202, 249, 0.16); + border-color: transparent; + color: #90caf9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #c5e1a5; + border: 0 none; + } + .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: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; + } + .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: #c5e1a5; + border: 0 none; + } + .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(197, 225, 165, 0.04); + color: #c5e1a5; + border: 0 none; + } + .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(197, 225, 165, 0.16); + color: #c5e1a5; + border: 0 none; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #fff59d; + border: 0 none; + } + .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: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; + } + .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: #fff59d; + border: 0 none; + } + .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, 245, 157, 0.04); + color: #fff59d; + border: 0 none; + } + .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, 245, 157, 0.16); + color: #fff59d; + border: 0 none; + } + .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: #fff59d; + 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, 245, 157, 0.04); + border-color: transparent; + color: #fff59d; + } + .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, 245, 157, 0.16); + border-color: transparent; + color: #fff59d; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #ce93d8; + border: 0 none; + } + .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: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: #212121; + background: #ef9a9a; + border: 0 none; + } + .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: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; + } + .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: #ef9a9a; + border: 0 none; + } + .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(239, 154, 154, 0.04); + color: #ef9a9a; + border: 0 none; + } + .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(239, 154, 154, 0.16); + color: #ef9a9a; + border: 0 none; + } + .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: #ef9a9a; + 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(239, 154, 154, 0.04); + border-color: transparent; + color: #ef9a9a; + } + .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(239, 154, 154, 0.16); + border-color: transparent; + color: #ef9a9a; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #121212; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d0d0d0; + color: #121212; + border-color: #d0d0d0; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #b8b8b8; + color: #121212; + border-color: #b8b8b8; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #9FA8DA; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #9FA8DA; + 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: #9FA8DA; + 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: none; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #F48FB1; + color: #212121; + } + .p-speeddial-action:hover { + background: rgba(244, 143, 177, 0.92); + color: #212121; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); + } + + .p-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 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: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + 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: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-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: 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 transparent; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #9FA8DA; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; + } + .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: #1e1e1e; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 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: #222222; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #9FA8DA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #9FA8DA; + } + .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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 1rem 0; + } + .p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 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: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 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: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 500; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 2rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(69, 86, 180, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 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: none; + } + + .p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); + } + + .p-picklist .p-picklist-buttons { + padding: 1rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 500; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; + } + .p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 2rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; + } + .p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + border-radius: 4px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #9FA8DA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .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: #9FA8DA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .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: #9FA8DA; + } + .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: #9FA8DA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 2rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(105, 119, 197, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: none; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #9FA8DA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-treetable .p-sortable-column { + outline-color: transparent; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #9FA8DA; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #9FA8DA; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #9FA8DA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #9FA8DA; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #9FA8DA; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 1rem 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.5rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem 1.5rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 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: rgba(255, 255, 255, 0.6); + } + .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: #1e1e1e; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 500; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: 1rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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.12); + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; + } + .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: #9FA8DA; + width: 3rem; + 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 none; + } + .p-tabview .p-tabview-panels { + background: transparent; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 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: none; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.87); + font-weight: 500; + 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: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #9FA8DA; + } + .p-stepper .p-stepper-panels { + background: transparent; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #bdbdbd; + 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: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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: #9FA8DA; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 1rem 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(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-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: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 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: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1rem 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: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #9FA8DA; + color: #121212; + width: 2.5rem; + height: 2.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1.25rem; + right: -1.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #242424; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; + } + + .p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 1rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1rem; + } + + .p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #9FA8DA; + border-style: dashed; + background-color: rgba(159, 168, 218, 0.16); + } + .p-fileupload .p-progressbar { + height: 4px; + } + .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: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; + } + .p-fileupload-choose:not(.p-disabled):active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; + } + + .p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + 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: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-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: 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: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + + .p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menu.p-menu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + 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: 1rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-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: 3rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 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: 7rem; + } + .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: 9rem; + } + .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: 11rem; + } + .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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + border-radius: 4px; + transition: none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + font-weight: 400; + } + .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 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + 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: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .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.12); + margin: 0.5rem 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.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + 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 rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; + } + .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: #9FA8DA; + width: 3rem; + 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 none; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 1rem 1rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 1px; + color: #01579b; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579b; + } + .p-inline-message.p-inline-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 1px; + color: #1b5e20; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1b5e20; + } + .p-inline-message.p-inline-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 1px; + color: #7f6003; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; + } + .p-inline-message.p-inline-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 1px; + color: #b71c1c; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #b71c1c; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-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: 1.25rem 1.5rem; + } + .p-message .p-message-close { + width: 2.5rem; + height: 2.5rem; + 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: none; + } + .p-message.p-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-message.p-message-info .p-message-icon { + color: #01579b; + } + .p-message.p-message-info .p-message-close { + color: #01579b; + } + .p-message.p-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-message.p-message-success .p-message-icon { + color: #1b5e20; + } + .p-message.p-message-success .p-message-close { + color: #1b5e20; + } + .p-message.p-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-message.p-message-warn .p-message-icon { + color: #7f6003; + } + .p-message.p-message-warn .p-message-close { + color: #7f6003; + } + .p-message.p-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-message.p-message-error .p-message-icon { + color: #b71c1c; + } + .p-message.p-message-error .p-message-close { + color: #b71c1c; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-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-message.p-message-secondary { + background: #F48FB1; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-message.p-message-secondary .p-message-icon { + color: #121212; + } + .p-message.p-message-secondary .p-message-close { + color: #121212; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-message.p-message-contrast .p-message-icon { + color: #121212; + } + .p-message.p-message-contrast .p-message-close { + color: #121212; + } + + .p-toast { + opacity: 0.9; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1.5rem; + border-width: 0 0 0 0; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-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: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #F48FB1; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #121212; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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.12); + border-radius: 4px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; + } + + .p-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #F48FB1; + color: #121212; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #121212; + } + .p-badge.p-badge-success { + background-color: #c5e1a5; + color: #212121; + } + .p-badge.p-badge-info { + background-color: #90caf9; + color: #212121; + } + .p-badge.p-badge-warning { + background-color: #fff59d; + color: #212121; + } + .p-badge.p-badge-danger { + background-color: #ef9a9a; + color: #212121; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 1rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.5rem; + height: 2.5rem; + margin-left: -1rem; + 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: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-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: rgba(159, 168, 218, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #9FA8DA; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #9FA8DA; + 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: 4px; + background: rgba(159, 168, 218, 0.32); + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #9FA8DA; + } + .p-progressbar .p-progressbar-label { + color: #121212; + line-height: 4px; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: #F48FB1; + } + .p-scrolltop.p-link:hover { + background: rgba(244, 143, 177, 0.92); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #121212; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #212121; + } + .p-tag.p-tag-info { + background-color: #90caf9; + color: #212121; + } + .p-tag.p-tag-warning { + background-color: #fff59d; + color: #212121; + } + .p-tag.p-tag-danger { + background-color: #ef9a9a; + color: #212121; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #F48FB1; + color: #121212; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #121212; + } + + .p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 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-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); + } + .p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; + } + .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; + } + + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; + } + .p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-button { + font-weight: 500; + min-width: 4rem; + } + .p-button.p-button-icon-only { + min-width: auto; + } + .p-button:enabled:focus { + background: rgba(159, 168, 218, 0.76); + } + .p-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + } + .p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); + } + .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(159, 168, 218, 0.12); + } + .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(159, 168, 218, 0.16); + } + .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; + } + .p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + } + .p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; + } + .p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(244, 143, 177, 0.76); + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(244, 143, 177, 0.68); + } + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(244, 143, 177, 0.12); + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + } + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(244, 143, 177, 0.16); + } + + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + } + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); + } + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + } + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); + } + + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + } + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); + } + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + } + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); + } + + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + } + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + } + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); + } + + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + } + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); + } + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + } + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + } + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + } + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); + } + + .p-button.p-button-contrast:enabled:focus, +.p-button-group.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(255, 255, 255, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-button-group.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(255, 255, 255, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 255, 255, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-text .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 255, 255, 0.16); + } + + .p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; + } + .p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #9FA8DA; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + .p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; + } + .p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; + } + + .p-datepicker .p-datepicker-header { + border-bottom: 0 none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; + } + .p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; + } + .p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; + } + .p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); + } + .p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); + } + + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; + } + + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; + } + .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-cascadeselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + + .p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F48FB1; + color: #121212; + } + + .p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; + } + .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); + } + .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); + } + .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #9FA8DA; + } + .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + .p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #1e1e1e; + } + .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; + } + + @keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #121212; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #121212; + transform: translate3d(0, -10px, 0) rotate(45deg); + } + } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-datatable .p-sortable-column { + outline: 0 none; + } + .p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr { + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #9FA8DA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #9FA8DA; + } + + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; + } + .p-dropdown .p-inputtext { + border: 0 none; + } + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + .p-dropdown.p-variant-filled { + background: rgba(255, 255, 255, 0.06); + } + .p-dropdown.p-variant-filled:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-dropdown-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + + .p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-dropdown .p-inputtext { + border: 0 none; + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F48FB1; + color: #121212; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 143, 177, 0.68); + color: #121212; + } + + .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + .p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); + } + .p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; + } + .p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; + } + + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + + .p-fieldset .p-fieldset-legend { + border: 0 none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; + } + + .p-float-label textarea ~ label { + margin-top: 0; + } + + .p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #9FA8DA; + } + + .p-input-filled .p-float-label .p-inputtext { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; + } + + .p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; + } + .p-multiselect .p-multiselect-label { + border: 0 none; + } + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + .p-multiselect-panel .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; + } + + .p-paginator { + justify-content: flex-end; + } + .p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; + } + .p-panel .p-panel-content { + padding-top: 0; + } + .p-panel .p-panel-title { + font-size: 1.25rem; + } + .p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * { + opacity: 0.38; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus { + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-progressbar { + border-radius: 0; + } + .p-progressbar .p-progressbar-label { + display: none !important; + } + + .p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #9FA8DA; + } + .p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; + } + + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { + border-radius: 50%; + width: 2rem; + height: 2rem; + align-items: center; + display: inline-flex; + justify-content: center; + } + .p-rating .p-rating-item.p-focus { + background: rgba(159, 168, 218, 0.12); + } + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { + background: rgba(244, 68, 53, 0.12); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { + background-color: rgba(0, 0, 0, 0.04); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { + background: rgba(244, 68, 53, 0.04); + } + + .p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + } + .p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + } + + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2); + } + .p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); + } + + .p-steps { + padding: 1rem 0; + } + .p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; + } + .p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; + } + .p-steps .p-steps-item:last-child { + flex-grow: 0; + } + .p-steps .p-steps-item:last-child:before { + display: none; + } + .p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #9FA8DA; + color: #121212; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(159, 168, 218, 0.12); + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #9FA8DA; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-toolbar { + border: 0 none; + } + + .p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + } + .p-tooltip .p-tooltip-arrow { + display: none; + } + + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; + } + .p-treeselect .p-treeselect-label { + border: 0 none; + } + .p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-treeselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + + .p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; + } + .p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + .p-treeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + background: rgba(255, 255, 255, 0.12); + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-treetable .p-sortable-column { + outline: 0 none; + } + .p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr { + outline: 0 none; + } + .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); + } + + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); + } + .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #9FA8DA; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; + } + + .p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + } + .p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + } + + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(159, 168, 218, 0.12); + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(159, 168, 218, 0.16); + } + .p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(3rem + 1px); + } + .p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + } + .p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; + } + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(244, 143, 177, 0.12); + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(244, 143, 177, 0.16); + } + + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(144, 202, 249, 0.12); + } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(144, 202, 249, 0.16); + } + + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(197, 225, 165, 0.12); + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(197, 225, 165, 0.16); + } + + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(255, 245, 157, 0.12); + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(255, 245, 157, 0.16); + } + + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(206, 147, 216, 0.12); + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + } + + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(239, 154, 154, 0.12); + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 154, 154, 0.16); + } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(244, 143, 177, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(244, 143, 177, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } +} +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 00000000..ad8f60c3 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 00000000..381442a1 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 00000000..d08f2b81 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..e7a26f14 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 00000000..1bbb4eb4 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..3152d047 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/theme.css b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/theme.css new file mode 100644 index 00000000..3a6270e0 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/md-light-deeppurple/theme.css @@ -0,0 +1,8098 @@ +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #673AB7; + --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: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); + --maskbg: rgba(0, 0, 0, 0.32); + --highlight-bg: rgba(103, 58, 183, 0.12); + --highlight-text-color: #673AB7; + --focus-ring: none; + color-scheme: light; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f7f5fb; + --primary-100:#dbd0ee; + --primary-200:#beaae0; + --primary-300:#a185d2; + --primary-400:#845fc5; + --primary-500:#673ab7; + --primary-600:#58319c; + --primary-700:#482980; + --primary-800:#392065; + --primary-900:#291749; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 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 #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #673AB7; +} +.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: #673AB7; +} +.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: #673AB7; +} +.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: #673AB7; +} + +@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.32); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.38; + } + + .p-error { + color: #b00020; + } + + .p-text-secondary { + color: rgba(0, 0, 0, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-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: 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: 1rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 4rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.5rem 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: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.5rem 1rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + 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(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #b00020; + } + + .p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #b00020; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 3rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 4rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #b00020; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + 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: #673AB7; + } + .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: none; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .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: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + 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(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 3rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 4rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 1rem 1rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #b00020; + } + .p-cascadeselect.p-variant-filled { + background-color: #f5f5f5; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f5f5f5; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #b00020; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 1rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + 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: 18px; + height: 18px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + 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: #673AB7; + background: #673AB7; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #673AB7; + background: #673AB7; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #673AB7; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #673AB7; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #673AB7; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #673AB7; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: rgba(0, 0, 0, 0.87); + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .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.5rem 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: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #b00020; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 2rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + .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 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 2rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #b00020; + } + .p-dropdown.p-variant-filled { + background-color: #f5f5f5; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + .p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 2rem; + margin-right: -2rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f5f5f5; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #b00020; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 1rem 1rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #b00020; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 3rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f5f5f5; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #b00020; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 3rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 4rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 4rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f5f5f5; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #ececec; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #dcdcdc; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + + .p-inputswitch { + width: 2.75rem; + height: 1rem; + } + .p-inputswitch .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(103, 58, 183, 0.5); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #673AB7; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(103, 58, 183, 0.5); + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #b00020; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #b00020; + } + .p-inputtext.p-variant-filled { + background-color: #f5f5f5; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; + } + + .p-float-label > label { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #b00020; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 3rem; + } + + .p-input-icon-left.p-float-label > label { + left: 3rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 3rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 3rem; + } + + .p-icon-field-left.p-float-label > label { + left: 3rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 3rem; + } + + ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #f5f5f5; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; + } + + .p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-listbox .p-listbox-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 2rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + 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: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .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: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #b00020; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-multiselect .p-multiselect-label { + padding: 1rem 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: #f5f5f5; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #ececec; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.5rem 1rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 2rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f5f5f5; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #b00020; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #b00020; + } + + .p-password-panel { + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(103, 58, 183, 0.32); + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #d32f2f; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbc02d; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #689f38; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 3rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 5rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #673AB7; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #673AB7; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #673AB7; + background: #ffffff; + color: #673AB7; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f5f5f5; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; + } + .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: #b00020; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + 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: #673AB7; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 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: #b00020; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #673AB7; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #673AB7; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #b00020; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #b00020; + } + + .p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; + } + .p-slider.p-slider-horizontal { + height: 2px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 2px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #673AB7; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #673AB7; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #673AB7; + border-color: 0 none; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #b00020; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-treeselect .p-treeselect-label { + padding: 1rem 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: #f5f5f5; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #b00020; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.5rem 1rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-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: 2rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 4rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 3rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f5f5f5; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 2rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + padding: 0.714rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; + } + .p-button:not(:disabled):active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #673AB7; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border: 0 none; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #673AB7; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: #673AB7; + 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: 3rem; + padding: 0.714rem; + } + .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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.62475rem 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.8925rem 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: 3rem; + } + .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: #4CAF50; + border: 0 none; + } + .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: rgba(76, 175, 80, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(76, 175, 80, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: #4CAF50; + border: 0 none; + } + .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, 175, 80, 0.04); + color: #4CAF50; + border: 0 none; + } + .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, 175, 80, 0.16); + color: #4CAF50; + border: 0 none; + } + .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: #4CAF50; + 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, 175, 80, 0.04); + border-color: transparent; + color: #4CAF50; + } + .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, 175, 80, 0.16); + border-color: transparent; + color: #4CAF50; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196f3; + border: 0 none; + } + .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: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: #2196f3; + border: 0 none; + } + .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(33, 150, 243, 0.04); + color: #2196f3; + border: 0 none; + } + .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(33, 150, 243, 0.16); + color: #2196f3; + border: 0 none; + } + .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: #2196f3; + 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(33, 150, 243, 0.04); + border-color: transparent; + color: #2196f3; + } + .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(33, 150, 243, 0.16); + border-color: transparent; + color: #2196f3; + } + + .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: 0 none; + } + .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: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; + } + .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: none; + } + .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: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212121; + border: 1px solid #212121; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #424242; + color: #ffffff; + border-color: #424242; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #616161; + color: #ffffff; + border-color: #616161; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212121; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + border-color: transparent; + color: #212121; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + border-color: transparent; + color: #212121; + } + + .p-button.p-button-link { + color: #673AB7; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #673AB7; + 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: #673AB7; + 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: none; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4CAF50; + color: #fff; + } + .p-speeddial-action:hover { + background: rgba(76, 175, 80, 0.92); + color: #fff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); + } + + .p-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 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: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + 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: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-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: 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 transparent; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #673AB7; + } + .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: #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: rgba(0, 0, 0, 0.02); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #673AB7; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #673AB7; + } + .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: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 1rem 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 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: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 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 #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-orderlist .p-orderlist-header { + color: rgba(0, 0, 0, 0.87); + padding: 1rem; + font-weight: 500; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 2rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(0, 0, 0, 0.87); + padding: 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(49, 27, 86, 0.12); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 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: none; + } + + .p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + 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: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); + } + + .p-picklist .p-picklist-buttons { + padding: 1rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-picklist .p-picklist-header { + color: rgba(0, 0, 0, 0.87); + padding: 1rem; + font-weight: 500; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; + } + .p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 2rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(0, 0, 0, 0.87); + padding: 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; + } + .p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1rem; + border-radius: 4px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #673AB7; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .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: #673AB7; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .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: #673AB7; + } + .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: #673AB7; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 2rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(82, 46, 146, 0.12); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + transition: none; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #673AB7; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: transparent; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #673AB7; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #673AB7; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #673AB7; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #673AB7; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #673AB7; + } + .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: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 1rem 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.5rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem 1.5rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 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: rgba(0, 0, 0, 0.6); + } + .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: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 500; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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: 1rem 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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(0, 0, 0, 0.12); + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; + } + .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: #673AB7; + width: 3rem; + 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 none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 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: none; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + border-width: 2px; + background: transparent; + 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: rgba(0, 0, 0, 0.87); + font-weight: 500; + 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: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(0, 0, 0, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #673AB7; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #bdbdbd; + 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: rgba(0, 0, 0, 0.87); + } + .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: #673AB7; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 1rem 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: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.5rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.5rem 1.5rem 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: rgba(0, 0, 0, 0.87); + padding: 1rem 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: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #673AB7; + color: #ffffff; + width: 2.5rem; + height: 2.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1.25rem; + right: -1.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #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: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 1rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1rem; + } + + .p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #673AB7; + border-style: dashed; + background-color: rgba(103, 58, 183, 0.12); + } + .p-fileupload .p-progressbar { + height: 4px; + } + .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: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; + } + .p-fileupload-choose:not(.p-disabled):active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + 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: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-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: 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: 1rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 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: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + 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: rgba(0, 0, 0, 0.6); + 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: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .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: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #673AB7; + 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: 1rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-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: 3rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 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: 7rem; + } + .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: 9rem; + } + .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: 11rem; + } + .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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + border-radius: 4px; + transition: none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(0, 0, 0, 0.87); + padding: 1.5rem; + font-weight: 400; + } + .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 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + 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: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .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(0, 0, 0, 0.12); + margin: 0.5rem 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.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + 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: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #673AB7; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #673AB7; + 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 rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; + } + .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: #673AB7; + width: 3rem; + 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 none; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-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.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 1rem 1rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 1px; + color: #01579b; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579b; + } + .p-inline-message.p-inline-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 1px; + color: #1b5e20; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1b5e20; + } + .p-inline-message.p-inline-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 1px; + color: #7f6003; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; + } + .p-inline-message.p-inline-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 1px; + color: #b71c1c; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #b71c1c; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-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: 1.25rem 1.5rem; + } + .p-message .p-message-close { + width: 2.5rem; + height: 2.5rem; + 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: none; + } + .p-message.p-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-message.p-message-info .p-message-icon { + color: #01579b; + } + .p-message.p-message-info .p-message-close { + color: #01579b; + } + .p-message.p-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-message.p-message-success .p-message-icon { + color: #1b5e20; + } + .p-message.p-message-success .p-message-close { + color: #1b5e20; + } + .p-message.p-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-message.p-message-warn .p-message-icon { + color: #7f6003; + } + .p-message.p-message-warn .p-message-close { + color: #7f6003; + } + .p-message.p-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-message.p-message-error .p-message-icon { + color: #b71c1c; + } + .p-message.p-message-error .p-message-close { + color: #b71c1c; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-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-message.p-message-secondary { + background: #4CAF50; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-message.p-message-secondary .p-message-icon { + color: #ffffff; + } + .p-message.p-message-secondary .p-message-close { + color: #ffffff; + } + .p-message.p-message-contrast { + background: #212121; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-message.p-message-contrast .p-message-icon { + color: #ffffff; + } + .p-message.p-message-contrast .p-message-close { + color: #ffffff; + } + + .p-toast { + opacity: 0.9; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1.5rem; + border-width: 0 0 0 0; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-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: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #4CAF50; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #212121; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #ffffff; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #4CAF50; + color: #ffffff; + } + .p-badge.p-badge-contrast { + background-color: #212121; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #689f38; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #2196f3; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #fbc02d; + color: #212529; + } + .p-badge.p-badge-danger { + background-color: #d32f2f; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 1rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.5rem; + height: 2.5rem; + margin-left: -1rem; + 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: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-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: rgba(103, 58, 183, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #673AB7; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #673AB7; + 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: 4px; + background: rgba(103, 58, 183, 0.32); + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #673AB7; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 4px; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: #4CAF50; + } + .p-scrolltop.p-link:hover { + background: rgba(76, 175, 80, 0.92); + } + .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(0, 0, 0, 0.08); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #689f38; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #2196f3; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #fbc02d; + color: #212529; + } + .p-tag.p-tag-danger { + background-color: #d32f2f; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #4CAF50; + color: #ffffff; + } + .p-tag.p-tag-contrast { + background-color: #212121; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 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-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); + } + .p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; + } + .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; + } + + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; + } + .p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-button { + font-weight: 500; + min-width: 4rem; + } + .p-button.p-button-icon-only { + min-width: auto; + } + .p-button:enabled:focus { + background: rgba(103, 58, 183, 0.76); + } + .p-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + } + .p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); + } + .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(103, 58, 183, 0.12); + } + .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(103, 58, 183, 0.16); + } + .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; + } + .p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + } + .p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; + } + .p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(76, 175, 80, 0.76); + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(76, 175, 80, 0.68); + } + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(76, 175, 80, 0.12); + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(76, 175, 80, 0.16); + } + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(76, 175, 80, 0.16); + } + + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + } + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); + } + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + } + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); + } + + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + } + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); + } + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + } + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); + } + + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + } + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + } + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); + } + + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + } + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); + } + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + } + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); + } + + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + } + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + } + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); + } + + .p-button.p-button-contrast:enabled:focus, +.p-button-group.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(33, 33, 33, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-button-group.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(33, 33, 33, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 33, 33, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 33, 33, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-text .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 33, 33, 0.16); + } + + .p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; + } + .p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #673AB7; + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + .p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; + } + .p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; + } + + .p-datepicker .p-datepicker-header { + border-bottom: 0 none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; + } + .p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; + } + .p-datepicker table th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; + } + .p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); + } + .p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); + } + + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #b00020; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; + } + + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; + } + .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-cascadeselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + + .p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #4CAF50; + color: #ffffff; + } + + .p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; + } + .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; + } + .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; + } + .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #673AB7; + } + .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + .p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; + } + + @keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } + } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-datatable .p-sortable-column { + outline: 0 none; + } + .p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); + } + .p-datatable .p-datatable-tbody > tr { + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #673AB7; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #673AB7; + } + + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; + } + .p-dropdown .p-inputtext { + border: 0 none; + } + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + .p-dropdown.p-variant-filled { + background: #f5f5f5; + } + .p-dropdown.p-variant-filled:not(.p-disabled):hover { + background-color: #ececec; + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-dropdown-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + + .p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-dropdown .p-inputtext { + border: 0 none; + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #4CAF50; + color: #ffffff; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(76, 175, 80, 0.68); + color: #ffffff; + } + + .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + .p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; + } + .p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; + } + + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + + .p-fieldset .p-fieldset-legend { + border: 0 none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; + } + + .p-float-label textarea ~ label { + margin-top: 0; + } + + .p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #673AB7; + } + + .p-input-filled .p-float-label .p-inputtext { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; + } + + .p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; + } + .p-multiselect .p-multiselect-label { + border: 0 none; + } + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + .p-multiselect-panel .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; + } + + .p-paginator { + justify-content: flex-end; + } + .p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; + } + .p-panel .p-panel-content { + padding-top: 0; + } + .p-panel .p-panel-title { + font-size: 1.25rem; + } + .p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * { + opacity: 0.38; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus { + background: #f6f6f6; + } + .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-progressbar { + border-radius: 0; + } + .p-progressbar .p-progressbar-label { + display: none !important; + } + + .p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #673AB7; + } + .p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; + } + + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { + border-radius: 50%; + width: 2rem; + height: 2rem; + align-items: center; + display: inline-flex; + justify-content: center; + } + .p-rating .p-rating-item.p-focus { + background: rgba(103, 58, 183, 0.12); + } + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { + background: rgba(176, 0, 32, 0.12); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { + background-color: rgba(0, 0, 0, 0.04); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { + background: rgba(176, 0, 32, 0.04); + } + + .p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; + } + .p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; + } + + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); + } + .p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); + } + + .p-steps { + padding: 1rem 0; + } + .p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; + } + .p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; + } + .p-steps .p-steps-item:last-child { + flex-grow: 0; + } + .p-steps .p-steps-item:last-child:before { + display: none; + } + .p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #673AB7; + color: #ffffff; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(103, 58, 183, 0.12); + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #673AB7; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-toolbar { + border: 0 none; + } + + .p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + } + .p-tooltip .p-tooltip-arrow { + display: none; + } + + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; + } + .p-treeselect .p-treeselect-label { + border: 0 none; + } + .p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-treeselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + + .p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; + } + .p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + .p-treeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + background: rgba(0, 0, 0, 0.12); + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-treetable .p-sortable-column { + outline: 0 none; + } + .p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); + } + .p-treetable .p-treetable-tbody > tr { + outline: 0 none; + } + .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); + } + + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); + } + .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #673AB7; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; + } + + .p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; + } + .p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; + } + + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(103, 58, 183, 0.12); + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(103, 58, 183, 0.16); + } + .p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(3rem + 1px); + } + .p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + } + .p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; + } + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(76, 175, 80, 0.12); + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(76, 175, 80, 0.16); + } + + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(33, 150, 243, 0.12); + } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(33, 150, 243, 0.16); + } + + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(104, 159, 56, 0.12); + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(104, 159, 56, 0.16); + } + + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(251, 192, 45, 0.12); + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 192, 45, 0.16); + } + + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(156, 39, 176, 0.12); + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(156, 39, 176, 0.16); + } + + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(211, 47, 47, 0.12); + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(211, 47, 47, 0.16); + } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(76, 175, 80, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(76, 175, 80, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } +} +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 00000000..ad8f60c3 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 00000000..381442a1 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 00000000..d08f2b81 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..e7a26f14 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 00000000..1bbb4eb4 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..3152d047 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/theme.css b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/theme.css new file mode 100644 index 00000000..aaed3d5d --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/md-light-indigo/theme.css @@ -0,0 +1,8098 @@ +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #3F51B5; + --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: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); + --maskbg: rgba(0, 0, 0, 0.32); + --highlight-bg: rgba(63, 81, 181, 0.12); + --highlight-text-color: #3F51B5; + --focus-ring: none; + color-scheme: light; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f5f6fb; + --primary-100:#d1d5ed; + --primary-200:#acb4df; + --primary-300:#8893d1; + --primary-400:#6372c3; + --primary-500:#3f51b5; + --primary-600:#36459a; + --primary-700:#2c397f; + --primary-800:#232d64; + --primary-900:#192048; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 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 #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3F51B5; +} +.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: #3F51B5; +} +.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: #3F51B5; +} +.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: #3F51B5; +} + +@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.32); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.38; + } + + .p-error { + color: #b00020; + } + + .p-text-secondary { + color: rgba(0, 0, 0, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-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: 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: 1rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 4rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.5rem 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: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.5rem 1rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + 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(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #b00020; + } + + .p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #b00020; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 3rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 4rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #b00020; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + 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: #3F51B5; + } + .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: none; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .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: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + 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(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 3rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 4rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 1rem 1rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #b00020; + } + .p-cascadeselect.p-variant-filled { + background-color: #f5f5f5; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f5f5f5; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #b00020; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 1rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + 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: 18px; + height: 18px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + 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: #3F51B5; + background: #3F51B5; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #3F51B5; + background: #3F51B5; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3F51B5; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3F51B5; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3F51B5; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3F51B5; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: rgba(0, 0, 0, 0.87); + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .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.5rem 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: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #b00020; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 2rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + .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 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 2rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #b00020; + } + .p-dropdown.p-variant-filled { + background-color: #f5f5f5; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + .p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 2rem; + margin-right: -2rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f5f5f5; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #b00020; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 1rem 1rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #b00020; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 3rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f5f5f5; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #b00020; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 3rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 4rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 4rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f5f5f5; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #ececec; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #dcdcdc; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + + .p-inputswitch { + width: 2.75rem; + height: 1rem; + } + .p-inputswitch .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(63, 81, 181, 0.5); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #3F51B5; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(63, 81, 181, 0.5); + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #b00020; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #b00020; + } + .p-inputtext.p-variant-filled { + background-color: #f5f5f5; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; + } + + .p-float-label > label { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #b00020; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 3rem; + } + + .p-input-icon-left.p-float-label > label { + left: 3rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 3rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 3rem; + } + + .p-icon-field-left.p-float-label > label { + left: 3rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 3rem; + } + + ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #f5f5f5; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.875rem 0.875rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 1.25rem 1.25rem; + } + + .p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-listbox .p-listbox-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 2rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + 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: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .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: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #b00020; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-multiselect .p-multiselect-label { + padding: 1rem 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: #f5f5f5; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #ececec; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.5rem 1rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 2rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f5f5f5; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #b00020; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #b00020; + } + + .p-password-panel { + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(63, 81, 181, 0.32); + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #d32f2f; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbc02d; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #689f38; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 3rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 1rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 5rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #3F51B5; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #3F51B5; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #3F51B5; + background: #ffffff; + color: #3F51B5; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f5f5f5; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; + } + .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: #b00020; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + 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: #3F51B5; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 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: #b00020; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #3F51B5; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #3F51B5; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #b00020; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #b00020; + } + + .p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; + } + .p-slider.p-slider-horizontal { + height: 2px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 2px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3F51B5; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #3F51B5; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3F51B5; + border-color: 0 none; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #b00020; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-treeselect .p-treeselect-label { + padding: 1rem 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.5rem 1rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: #f5f5f5; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #b00020; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.5rem 1rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-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: 2rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 4rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 3rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f5f5f5; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 2rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + padding: 0.714rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; + } + .p-button:not(:disabled):active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #3F51B5; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border: 0 none; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #3F51B5; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: #3F51B5; + 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: 3rem; + padding: 0.714rem; + } + .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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.62475rem 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.8925rem 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: 3rem; + } + .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: #ff4081; + border: 0 none; + } + .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: rgba(255, 64, 129, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(255, 64, 129, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: #ff4081; + border: 0 none; + } + .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(255, 64, 129, 0.04); + color: #ff4081; + border: 0 none; + } + .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(255, 64, 129, 0.16); + color: #ff4081; + border: 0 none; + } + .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: #ff4081; + 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(255, 64, 129, 0.04); + border-color: transparent; + color: #ff4081; + } + .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(255, 64, 129, 0.16); + border-color: transparent; + color: #ff4081; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196f3; + border: 0 none; + } + .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: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: #2196f3; + border: 0 none; + } + .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(33, 150, 243, 0.04); + color: #2196f3; + border: 0 none; + } + .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(33, 150, 243, 0.16); + color: #2196f3; + border: 0 none; + } + .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: #2196f3; + 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(33, 150, 243, 0.04); + border-color: transparent; + color: #2196f3; + } + .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(33, 150, 243, 0.16); + border-color: transparent; + color: #2196f3; + } + + .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: 0 none; + } + .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: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; + } + .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: none; + } + .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: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212121; + border: 1px solid #212121; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #424242; + color: #ffffff; + border-color: #424242; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #616161; + color: #ffffff; + border-color: #616161; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212121; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + border-color: transparent; + color: #212121; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + border-color: transparent; + color: #212121; + } + + .p-button.p-button-link { + color: #3F51B5; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #3F51B5; + 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: #3F51B5; + 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: none; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #ff4081; + color: #fff; + } + .p-speeddial-action:hover { + background: rgba(255, 64, 129, 0.92); + color: #fff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); + } + + .p-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 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: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + 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: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-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: 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 transparent; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #3F51B5; + } + .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: #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: rgba(0, 0, 0, 0.02); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #3F51B5; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #3F51B5; + } + .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: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 1rem 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 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: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 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 #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-orderlist .p-orderlist-header { + color: rgba(0, 0, 0, 0.87); + padding: 1rem; + font-weight: 500; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 2rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(0, 0, 0, 0.87); + padding: 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(30, 39, 86, 0.12); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 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: none; + } + + .p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + 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: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); + } + + .p-picklist .p-picklist-buttons { + padding: 1rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-picklist .p-picklist-header { + color: rgba(0, 0, 0, 0.87); + padding: 1rem; + font-weight: 500; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; + } + .p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 2rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(0, 0, 0, 0.87); + padding: 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 1rem 1rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 1rem 1rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; + } + .p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1rem; + border-radius: 4px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3F51B5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .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: #3F51B5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .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: #3F51B5; + } + .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: #3F51B5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 2rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(50, 65, 145, 0.12); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + transition: none; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #3F51B5; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: transparent; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3F51B5; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #3F51B5; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #3F51B5; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #3F51B5; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #3F51B5; + } + .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: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 1rem 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.5rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem 1.5rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 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: rgba(0, 0, 0, 0.6); + } + .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: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 1rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 500; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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: 1rem 1rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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(0, 0, 0, 0.12); + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; + } + .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: #3F51B5; + width: 3rem; + 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 none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 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: none; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + border-width: 2px; + background: transparent; + 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: rgba(0, 0, 0, 0.87); + font-weight: 500; + 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: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(0, 0, 0, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #3F51B5; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1rem; + color: rgba(0, 0, 0, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #bdbdbd; + 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: rgba(0, 0, 0, 0.87); + } + .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: #3F51B5; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 1rem 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: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.5rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.5rem 1.5rem 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: rgba(0, 0, 0, 0.87); + padding: 1rem 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: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #3F51B5; + color: #ffffff; + width: 2.5rem; + height: 2.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1.25rem; + right: -1.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #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: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 1rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1rem; + } + + .p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #3F51B5; + border-style: dashed; + background-color: rgba(63, 81, 181, 0.12); + } + .p-fileupload .p-progressbar { + height: 4px; + } + .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: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; + } + .p-fileupload-choose:not(.p-disabled):active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + 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: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-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: 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: 1rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 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: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + 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: rgba(0, 0, 0, 0.6); + 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: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .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: 1rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #3F51B5; + 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: 1rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-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: 3rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 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: 7rem; + } + .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: 9rem; + } + .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: 11rem; + } + .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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + border-radius: 4px; + transition: none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(0, 0, 0, 0.87); + padding: 1.5rem; + font-weight: 400; + } + .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 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + 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: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .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(0, 0, 0, 0.12); + margin: 0.5rem 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.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + 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: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #3F51B5; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #3F51B5; + 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 rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; + } + .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: #3F51B5; + width: 3rem; + 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 none; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-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.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 1rem 1rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 1px; + color: #01579b; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579b; + } + .p-inline-message.p-inline-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 1px; + color: #1b5e20; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1b5e20; + } + .p-inline-message.p-inline-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 1px; + color: #7f6003; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; + } + .p-inline-message.p-inline-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 1px; + color: #b71c1c; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #b71c1c; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-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: 1.25rem 1.5rem; + } + .p-message .p-message-close { + width: 2.5rem; + height: 2.5rem; + 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: none; + } + .p-message.p-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-message.p-message-info .p-message-icon { + color: #01579b; + } + .p-message.p-message-info .p-message-close { + color: #01579b; + } + .p-message.p-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-message.p-message-success .p-message-icon { + color: #1b5e20; + } + .p-message.p-message-success .p-message-close { + color: #1b5e20; + } + .p-message.p-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-message.p-message-warn .p-message-icon { + color: #7f6003; + } + .p-message.p-message-warn .p-message-close { + color: #7f6003; + } + .p-message.p-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-message.p-message-error .p-message-icon { + color: #b71c1c; + } + .p-message.p-message-error .p-message-close { + color: #b71c1c; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-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-message.p-message-secondary { + background: #ff4081; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-message.p-message-secondary .p-message-icon { + color: #ffffff; + } + .p-message.p-message-secondary .p-message-close { + color: #ffffff; + } + .p-message.p-message-contrast { + background: #212121; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-message.p-message-contrast .p-message-icon { + color: #ffffff; + } + .p-message.p-message-contrast .p-message-close { + color: #ffffff; + } + + .p-toast { + opacity: 0.9; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1.5rem; + border-width: 0 0 0 0; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-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: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #ff4081; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #212121; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #ffffff; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #ff4081; + color: #ffffff; + } + .p-badge.p-badge-contrast { + background-color: #212121; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #689f38; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #2196f3; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #fbc02d; + color: #212529; + } + .p-badge.p-badge-danger { + background-color: #d32f2f; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 1rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.5rem; + height: 2.5rem; + margin-left: -1rem; + 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: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-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: rgba(63, 81, 181, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #3F51B5; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #3F51B5; + 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: 4px; + background: rgba(63, 81, 181, 0.32); + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3F51B5; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 4px; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: #ff4081; + } + .p-scrolltop.p-link:hover { + background: rgba(255, 64, 129, 0.92); + } + .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(0, 0, 0, 0.08); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #689f38; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #2196f3; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #fbc02d; + color: #212529; + } + .p-tag.p-tag-danger { + background-color: #d32f2f; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #ff4081; + color: #ffffff; + } + .p-tag.p-tag-contrast { + background-color: #212121; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 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-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); + } + .p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; + } + .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; + } + + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; + } + .p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-button { + font-weight: 500; + min-width: 4rem; + } + .p-button.p-button-icon-only { + min-width: auto; + } + .p-button:enabled:focus { + background: rgba(63, 81, 181, 0.76); + } + .p-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + } + .p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); + } + .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(63, 81, 181, 0.12); + } + .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(63, 81, 181, 0.16); + } + .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; + } + .p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + } + .p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; + } + .p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(255, 64, 129, 0.76); + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(255, 64, 129, 0.68); + } + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 64, 129, 0.12); + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 64, 129, 0.16); + } + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 64, 129, 0.16); + } + + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + } + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); + } + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + } + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); + } + + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + } + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); + } + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + } + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); + } + + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + } + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + } + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); + } + + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + } + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); + } + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + } + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); + } + + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + } + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + } + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); + } + + .p-button.p-button-contrast:enabled:focus, +.p-button-group.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(33, 33, 33, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-button-group.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(33, 33, 33, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 33, 33, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 33, 33, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-text .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 33, 33, 0.16); + } + + .p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; + } + .p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #3F51B5; + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + .p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; + } + .p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; + } + + .p-datepicker .p-datepicker-header { + border-bottom: 0 none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; + } + .p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; + } + .p-datepicker table th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; + } + .p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); + } + .p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); + } + + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #b00020; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; + } + + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; + } + .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-cascadeselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + + .p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ff4081; + color: #ffffff; + } + + .p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; + } + .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; + } + .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; + } + .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #3F51B5; + } + .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + .p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; + } + + @keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } + } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-datatable .p-sortable-column { + outline: 0 none; + } + .p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); + } + .p-datatable .p-datatable-tbody > tr { + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #3F51B5; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #3F51B5; + } + + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; + } + .p-dropdown .p-inputtext { + border: 0 none; + } + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + .p-dropdown.p-variant-filled { + background: #f5f5f5; + } + .p-dropdown.p-variant-filled:not(.p-disabled):hover { + background-color: #ececec; + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-dropdown-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + + .p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-dropdown .p-inputtext { + border: 0 none; + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ff4081; + color: #ffffff; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 64, 129, 0.68); + color: #ffffff; + } + + .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + .p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; + } + .p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; + } + + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + + .p-fieldset .p-fieldset-legend { + border: 0 none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; + } + + .p-float-label textarea ~ label { + margin-top: 0; + } + + .p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #3F51B5; + } + + .p-input-filled .p-float-label .p-inputtext { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; + } + + .p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; + } + .p-multiselect .p-multiselect-label { + border: 0 none; + } + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + .p-multiselect-panel .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; + } + + .p-paginator { + justify-content: flex-end; + } + .p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; + } + .p-panel .p-panel-content { + padding-top: 0; + } + .p-panel .p-panel-title { + font-size: 1.25rem; + } + .p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * { + opacity: 0.38; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus { + background: #f6f6f6; + } + .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-progressbar { + border-radius: 0; + } + .p-progressbar .p-progressbar-label { + display: none !important; + } + + .p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #3F51B5; + } + .p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; + } + + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { + border-radius: 50%; + width: 2rem; + height: 2rem; + align-items: center; + display: inline-flex; + justify-content: center; + } + .p-rating .p-rating-item.p-focus { + background: rgba(63, 81, 181, 0.12); + } + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { + background: rgba(176, 0, 32, 0.12); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { + background-color: rgba(0, 0, 0, 0.04); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { + background: rgba(176, 0, 32, 0.04); + } + + .p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; + } + .p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; + } + + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); + } + .p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); + } + + .p-steps { + padding: 1rem 0; + } + .p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; + } + .p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; + } + .p-steps .p-steps-item:last-child { + flex-grow: 0; + } + .p-steps .p-steps-item:last-child:before { + display: none; + } + .p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #3F51B5; + color: #ffffff; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(63, 81, 181, 0.12); + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #3F51B5; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-toolbar { + border: 0 none; + } + + .p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + } + .p-tooltip .p-tooltip-arrow { + display: none; + } + + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; + } + .p-treeselect .p-treeselect-label { + border: 0 none; + } + .p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-treeselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + + .p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; + } + .p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + .p-treeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + background: rgba(0, 0, 0, 0.12); + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-treetable .p-sortable-column { + outline: 0 none; + } + .p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); + } + .p-treetable .p-treetable-tbody > tr { + outline: 0 none; + } + .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); + } + + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); + } + .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #3F51B5; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; + } + + .p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; + } + .p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; + } + + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(63, 81, 181, 0.12); + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(63, 81, 181, 0.16); + } + .p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(3rem + 1px); + } + .p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + } + .p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; + } + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(255, 64, 129, 0.12); + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(255, 64, 129, 0.16); + } + + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(33, 150, 243, 0.12); + } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(33, 150, 243, 0.16); + } + + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(104, 159, 56, 0.12); + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(104, 159, 56, 0.16); + } + + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(251, 192, 45, 0.12); + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 192, 45, 0.16); + } + + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(156, 39, 176, 0.12); + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(156, 39, 176, 0.16); + } + + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(211, 47, 47, 0.12); + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(211, 47, 47, 0.16); + } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(255, 64, 129, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } +} +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 00000000..ad8f60c3 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 00000000..381442a1 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 00000000..d08f2b81 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..e7a26f14 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 00000000..1bbb4eb4 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..3152d047 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css new file mode 100644 index 00000000..d1447bb9 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-deeppurple/theme.css @@ -0,0 +1,8098 @@ +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #CE93D8; + --primary-color-text: #121212; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); + --maskbg: rgba(0, 0, 0, 0.32); + --highlight-bg: rgba(206, 147, 216, 0.16); + --highlight-text-color: #CE93D8; + --focus-ring: none; + color-scheme: dark; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fdfafd; + --primary-100:#f3e5f6; + --primary-200:#ead1ee; + --primary-300:#e1bce7; + --primary-400:#d7a8df; + --primary-500:#ce93d8; + --primary-600:#af7db8; + --primary-700:#906797; + --primary-800:#715177; + --primary-900:#523b56; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #CE93D8; +} +.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: #CE93D8; +} +.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: #CE93D8; +} +.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: #CE93D8; +} + +@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.32); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.38; + } + + .p-error { + color: #f44435; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-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: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: rgba(255, 255, 255, 0.6); + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + 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.24); + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f44435; + } + + .p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.5rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + + .p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + 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: #CE93D8; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .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: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + 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.04); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.5rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44435; + } + .p-cascadeselect.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; + } + .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.06); + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + + .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: 18px; + height: 18px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #121212; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #CE93D8; + background: #CE93D8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #CE93D8; + background: #CE93D8; + color: #121212; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #CE93D8; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #CE93D8; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #CE93D8; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #CE93D8; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: rgba(255, 255, 255, 0.6); + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #2b2b2b; + border: 1px solid #1e1e1e; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f44435; + } + .p-dropdown.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-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.75rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.5rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: rgba(255, 255, 255, 0.06); + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.75rem; + height: 1rem; + } + .p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(206, 147, 216, 0.5); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #CE93D8; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(206, 147, 216, 0.5); + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f44435; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; + } + .p-inputtext.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; + } + + .p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: rgba(255, 255, 255, 0.06); + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + + .p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44435; + } + + .p-password-panel { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(206, 147, 216, 0.32); + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef9a9a; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fff59d; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #CE93D8; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #CE93D8; + background: #121212; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #CE93D8; + background: #121212; + color: #CE93D8; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #121212; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; + } + + .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: #CE93D8; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f44435; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #CE93D8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #CE93D8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f44435; + } + + .p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; + } + + .p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; + } + .p-slider.p-slider-horizontal { + height: 2px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 2px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #CE93D8; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #CE93D8; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #CE93D8; + border-color: 0 none; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; + } + + .p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44435; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + + .p-button { + color: #121212; + background: #CE93D8; + border: 0 none; + padding: 0.643rem 0.75rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; + } + .p-button:not(:disabled):active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: #CE93D8; + background-color: #121212; + } + .p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.75rem; + } + .p-fluid .p-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: #A5D6A7; + border: 0 none; + } + .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: rgba(165, 214, 167, 0.92); + color: #121212; + border-color: transparent; + } + .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: none; + } + .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: rgba(165, 214, 167, 0.68); + color: #121212; + border-color: transparent; + } + .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: #A5D6A7; + border: 0 none; + } + .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(165, 214, 167, 0.04); + color: #A5D6A7; + border: 0 none; + } + .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(165, 214, 167, 0.16); + color: #A5D6A7; + border: 0 none; + } + .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: #A5D6A7; + 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(165, 214, 167, 0.04); + border-color: transparent; + color: #A5D6A7; + } + .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(165, 214, 167, 0.16); + border-color: transparent; + color: #A5D6A7; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90caf9; + border: 0 none; + } + .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: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; + } + .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: #90caf9; + border: 0 none; + } + .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(144, 202, 249, 0.04); + color: #90caf9; + border: 0 none; + } + .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(144, 202, 249, 0.16); + color: #90caf9; + border: 0 none; + } + .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: #90caf9; + 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(144, 202, 249, 0.04); + border-color: transparent; + color: #90caf9; + } + .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(144, 202, 249, 0.16); + border-color: transparent; + color: #90caf9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #c5e1a5; + border: 0 none; + } + .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: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; + } + .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: #c5e1a5; + border: 0 none; + } + .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(197, 225, 165, 0.04); + color: #c5e1a5; + border: 0 none; + } + .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(197, 225, 165, 0.16); + color: #c5e1a5; + border: 0 none; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #fff59d; + border: 0 none; + } + .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: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; + } + .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: #fff59d; + border: 0 none; + } + .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, 245, 157, 0.04); + color: #fff59d; + border: 0 none; + } + .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, 245, 157, 0.16); + color: #fff59d; + border: 0 none; + } + .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: #fff59d; + 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, 245, 157, 0.04); + border-color: transparent; + color: #fff59d; + } + .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, 245, 157, 0.16); + border-color: transparent; + color: #fff59d; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #ce93d8; + border: 0 none; + } + .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: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: #212121; + background: #ef9a9a; + border: 0 none; + } + .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: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; + } + .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: #ef9a9a; + border: 0 none; + } + .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(239, 154, 154, 0.04); + color: #ef9a9a; + border: 0 none; + } + .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(239, 154, 154, 0.16); + color: #ef9a9a; + border: 0 none; + } + .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: #ef9a9a; + 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(239, 154, 154, 0.04); + border-color: transparent; + color: #ef9a9a; + } + .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(239, 154, 154, 0.16); + border-color: transparent; + color: #ef9a9a; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #121212; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d0d0d0; + color: #121212; + border-color: #d0d0d0; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #b8b8b8; + color: #121212; + border-color: #b8b8b8; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #CE93D8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #CE93D8; + 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: #CE93D8; + 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: none; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #A5D6A7; + color: #212121; + } + .p-speeddial-action:hover { + background: rgba(165, 214, 167, 0.92); + color: #212121; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); + } + + .p-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 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-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: 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 transparent; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #CE93D8; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; + } + .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: #1e1e1e; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 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: #222222; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #CE93D8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #CE93D8; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; + } + .p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0.75rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0.75rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; + } + .p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(157, 62, 173, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); + } + + .p-picklist .p-picklist-buttons { + padding: 0.75rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; + } + .p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; + } + .p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.25rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #CE93D8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .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: #CE93D8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .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: #CE93D8; + } + .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: #CE93D8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(182, 94, 197, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.25rem; + transition: none; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #CE93D8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-treetable .p-sortable-column { + outline-color: transparent; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #CE93D8; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #CE93D8; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #CE93D8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #CE93D8; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #CE93D8; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 0.75rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 0.75rem 0; + } + .p-card .p-card-footer { + padding: 0.75rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1e1e1e; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 0.75rem; + } + + .p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 500; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-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.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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.12); + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.75rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; + } + .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: #CE93D8; + width: 2.75rem; + 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 none; + } + .p-tabview .p-tabview-panels { + background: transparent; + padding: 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-radius: 4px; + 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: none; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.87); + font-weight: 500; + 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: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #CE93D8; + } + .p-stepper .p-stepper-panels { + background: transparent; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #bdbdbd; + 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: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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: #CE93D8; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-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: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #CE93D8; + color: #121212; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #242424; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; + } + + .p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 0.75rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0.75rem; + } + .p-sidebar .p-sidebar-footer { + padding: 0.75rem; + } + + .p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #CE93D8; + border-style: dashed; + background-color: rgba(206, 147, 216, 0.16); + } + .p-fileupload .p-progressbar { + height: 4px; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; + } + .p-fileupload-choose:not(.p-disabled):active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; + } + + .p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; + } + .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: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-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: 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.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + + .p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menu.p-menu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + 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.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + border-radius: 4px; + transition: none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + } + .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 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + 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: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .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.12); + margin: 0.5rem 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.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #CE93D8; + color: #121212; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #CE93D8; + color: #121212; + 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 rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; + } + .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: #CE93D8; + width: 2.75rem; + 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 none; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 1px; + color: #01579b; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579b; + } + .p-inline-message.p-inline-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 1px; + color: #1b5e20; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1b5e20; + } + .p-inline-message.p-inline-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 1px; + color: #7f6003; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; + } + .p-inline-message.p-inline-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 1px; + color: #b71c1c; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #b71c1c; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-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: 0.75rem 0; + border-radius: 4px; + } + .p-message .p-message-wrapper { + padding: 1rem 1.25rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-message.p-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-message.p-message-info .p-message-icon { + color: #01579b; + } + .p-message.p-message-info .p-message-close { + color: #01579b; + } + .p-message.p-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-message.p-message-success .p-message-icon { + color: #1b5e20; + } + .p-message.p-message-success .p-message-close { + color: #1b5e20; + } + .p-message.p-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-message.p-message-warn .p-message-icon { + color: #7f6003; + } + .p-message.p-message-warn .p-message-close { + color: #7f6003; + } + .p-message.p-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-message.p-message-error .p-message-icon { + color: #b71c1c; + } + .p-message.p-message-error .p-message-close { + color: #b71c1c; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-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-message.p-message-secondary { + background: #A5D6A7; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-message.p-message-secondary .p-message-icon { + color: #121212; + } + .p-message.p-message-secondary .p-message-close { + color: #121212; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-message.p-message-contrast .p-message-icon { + color: #121212; + } + .p-message.p-message-contrast .p-message-close { + color: #121212; + } + + .p-toast { + opacity: 0.9; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-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: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #A5D6A7; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #121212; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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.12); + border-radius: 4px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; + } + + .p-badge { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #A5D6A7; + color: #121212; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #121212; + } + .p-badge.p-badge-success { + background-color: #c5e1a5; + color: #212121; + } + .p-badge.p-badge-info { + background-color: #90caf9; + color: #212121; + } + .p-badge.p-badge-warning { + background-color: #fff59d; + color: #212121; + } + .p-badge.p-badge-danger { + background-color: #ef9a9a; + color: #212121; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-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: rgba(206, 147, 216, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #CE93D8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #CE93D8; + 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: 4px; + background: rgba(206, 147, 216, 0.32); + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #CE93D8; + } + .p-progressbar .p-progressbar-label { + color: #121212; + line-height: 4px; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: #A5D6A7; + } + .p-scrolltop.p-link:hover { + background: rgba(165, 214, 167, 0.92); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #121212; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #CE93D8; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #212121; + } + .p-tag.p-tag-info { + background-color: #90caf9; + color: #212121; + } + .p-tag.p-tag-warning { + background-color: #fff59d; + color: #212121; + } + .p-tag.p-tag-danger { + background-color: #ef9a9a; + color: #212121; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #A5D6A7; + color: #121212; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #121212; + } + + .p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); + } + .p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; + } + .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; + } + + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; + } + .p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-button { + font-weight: 500; + min-width: 4rem; + } + .p-button.p-button-icon-only { + min-width: auto; + } + .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); + } + .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + } + .p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); + } + .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); + } + .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + } + .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; + } + .p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + } + .p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; + } + .p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(165, 214, 167, 0.76); + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(165, 214, 167, 0.68); + } + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(165, 214, 167, 0.12); + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(165, 214, 167, 0.16); + } + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(165, 214, 167, 0.16); + } + + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + } + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); + } + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + } + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); + } + + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + } + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); + } + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + } + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); + } + + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + } + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + } + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); + } + + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + } + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); + } + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + } + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + } + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + } + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); + } + + .p-button.p-button-contrast:enabled:focus, +.p-button-group.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(255, 255, 255, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-button-group.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(255, 255, 255, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 255, 255, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-text .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 255, 255, 0.16); + } + + .p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; + } + .p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #CE93D8; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + .p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; + } + .p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; + } + + .p-datepicker .p-datepicker-header { + border-bottom: 0 none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; + } + .p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; + } + .p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; + } + .p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); + } + .p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); + } + + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; + } + + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; + } + .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-cascadeselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #A5D6A7; + color: #121212; + } + + .p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; + } + .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); + } + .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); + } + .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #CE93D8; + } + .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + .p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #1e1e1e; + } + .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; + } + + @keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #121212; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #121212; + transform: translate3d(0, -10px, 0) rotate(45deg); + } + } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-datatable .p-sortable-column { + outline: 0 none; + } + .p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr { + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #CE93D8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #CE93D8; + } + + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; + } + .p-dropdown .p-inputtext { + border: 0 none; + } + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + .p-dropdown.p-variant-filled { + background: rgba(255, 255, 255, 0.06); + } + .p-dropdown.p-variant-filled:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-dropdown-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-dropdown .p-inputtext { + border: 0 none; + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #A5D6A7; + color: #121212; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(165, 214, 167, 0.68); + color: #121212; + } + + .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + .p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); + } + .p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; + } + .p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; + } + + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + + .p-fieldset .p-fieldset-legend { + border: 0 none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; + } + + .p-float-label textarea ~ label { + margin-top: 0; + } + + .p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #CE93D8; + } + + .p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; + } + + .p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; + } + .p-multiselect .p-multiselect-label { + border: 0 none; + } + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + .p-multiselect-panel .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; + } + + .p-paginator { + justify-content: flex-end; + } + .p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; + } + .p-panel .p-panel-content { + padding-top: 0; + } + .p-panel .p-panel-title { + font-size: 1.25rem; + } + .p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * { + opacity: 0.38; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus { + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-progressbar { + border-radius: 0; + } + .p-progressbar .p-progressbar-label { + display: none !important; + } + + .p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #CE93D8; + } + .p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; + } + + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { + border-radius: 50%; + width: 2rem; + height: 2rem; + align-items: center; + display: inline-flex; + justify-content: center; + } + .p-rating .p-rating-item.p-focus { + background: rgba(206, 147, 216, 0.12); + } + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { + background: rgba(244, 68, 53, 0.12); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { + background-color: rgba(0, 0, 0, 0.04); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { + background: rgba(244, 68, 53, 0.04); + } + + .p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + } + .p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + } + + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(165, 214, 167, 0.2); + } + .p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); + } + + .p-steps { + padding: 1rem 0; + } + .p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; + } + .p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; + } + .p-steps .p-steps-item:last-child { + flex-grow: 0; + } + .p-steps .p-steps-item:last-child:before { + display: none; + } + .p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #CE93D8; + color: #121212; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(206, 147, 216, 0.12); + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #CE93D8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-toolbar { + border: 0 none; + } + + .p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + } + .p-tooltip .p-tooltip-arrow { + display: none; + } + + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; + } + .p-treeselect .p-treeselect-label { + border: 0 none; + } + .p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; + } + + .p-treeselect-item .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; + } + .p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + .p-treeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + background: rgba(255, 255, 255, 0.12); + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { + background: rgba(206, 147, 216, 0.24); + } + + .p-treetable .p-sortable-column { + outline: 0 none; + } + .p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr { + outline: 0 none; + } + .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); + } + + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); + } + .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #CE93D8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; + } + + .p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + } + .p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + } + + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(206, 147, 216, 0.12); + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + } + .p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(2.75rem + 1px); + } + .p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + } + .p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; + } + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(165, 214, 167, 0.12); + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(165, 214, 167, 0.16); + } + + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(144, 202, 249, 0.12); + } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(144, 202, 249, 0.16); + } + + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(197, 225, 165, 0.12); + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(197, 225, 165, 0.16); + } + + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(255, 245, 157, 0.12); + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(255, 245, 157, 0.16); + } + + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(206, 147, 216, 0.12); + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + } + + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(239, 154, 154, 0.12); + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 154, 154, 0.16); + } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(165, 214, 167, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(165, 214, 167, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } +} +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 00000000..ad8f60c3 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 00000000..381442a1 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 00000000..d08f2b81 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..e7a26f14 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 00000000..1bbb4eb4 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..3152d047 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/theme.css b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/theme.css new file mode 100644 index 00000000..a3409afd --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/mdc-dark-indigo/theme.css @@ -0,0 +1,8098 @@ +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #9FA8DA; + --primary-color-text: #121212; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); + --maskbg: rgba(0, 0, 0, 0.32); + --highlight-bg: rgba(159, 168, 218, 0.16); + --highlight-text-color: #9FA8DA; + --focus-ring: none; + color-scheme: dark; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fafbfd; + --primary-100:#e8eaf6; + --primary-200:#d6daef; + --primary-300:#c3c9e8; + --primary-400:#b1b9e1; + --primary-500:#9fa8da; + --primary-600:#878fb9; + --primary-700:#6f7699; + --primary-800:#575c78; + --primary-900:#404357; +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9FA8DA; +} +.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: #9FA8DA; +} +.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: #9FA8DA; +} +.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: #9FA8DA; +} + +@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.32); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.38; + } + + .p-error { + color: #f44435; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-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: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: rgba(255, 255, 255, 0.6); + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + 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.24); + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f44435; + } + + .p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.5rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + + .p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + 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: #9FA8DA; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .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: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + 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.04); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.5rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44435; + } + .p-cascadeselect.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; + } + .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.06); + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + + .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: 18px; + height: 18px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #121212; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #9FA8DA; + background: #9FA8DA; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #9FA8DA; + background: #9FA8DA; + color: #121212; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #9FA8DA; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9FA8DA; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #9FA8DA; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9FA8DA; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: rgba(255, 255, 255, 0.6); + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #2b2b2b; + border: 1px solid #1e1e1e; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f44435; + } + .p-dropdown.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-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.75rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.5rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: rgba(255, 255, 255, 0.06); + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.75rem; + height: 1rem; + } + .p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(159, 168, 218, 0.5); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #9FA8DA; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(159, 168, 218, 0.5); + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f44435; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; + } + .p-inputtext.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; + } + + .p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: rgba(255, 255, 255, 0.06); + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + + .p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f44435; + } + + .p-password-panel { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(159, 168, 218, 0.32); + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef9a9a; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fff59d; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #9FA8DA; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #9FA8DA; + background: #121212; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #9FA8DA; + background: #121212; + color: #9FA8DA; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #121212; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #121212; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #121212; + } + + .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: #9FA8DA; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f44435; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #9FA8DA; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #9FA8DA; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f44435; + } + + .p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; + } + + .p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; + } + .p-slider.p-slider-horizontal { + height: 2px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 2px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #9FA8DA; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #9FA8DA; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #9FA8DA; + border-color: 0 none; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; + } + + .p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: rgba(255, 255, 255, 0.06); + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f44435; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + + .p-button { + color: #121212; + background: #9FA8DA; + border: 0 none; + padding: 0.643rem 0.75rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; + } + .p-button:not(:disabled):active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #9FA8DA; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border: 0 none; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #9FA8DA; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: #9FA8DA; + background-color: #121212; + } + .p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.75rem; + } + .p-fluid .p-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: #F48FB1; + border: 0 none; + } + .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: rgba(244, 143, 177, 0.92); + color: #121212; + border-color: transparent; + } + .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: none; + } + .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: rgba(244, 143, 177, 0.68); + color: #121212; + border-color: transparent; + } + .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: #F48FB1; + border: 0 none; + } + .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(244, 143, 177, 0.04); + color: #F48FB1; + border: 0 none; + } + .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(244, 143, 177, 0.16); + color: #F48FB1; + border: 0 none; + } + .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: #F48FB1; + 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(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; + } + .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(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90caf9; + border: 0 none; + } + .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: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; + } + .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: #90caf9; + border: 0 none; + } + .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(144, 202, 249, 0.04); + color: #90caf9; + border: 0 none; + } + .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(144, 202, 249, 0.16); + color: #90caf9; + border: 0 none; + } + .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: #90caf9; + 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(144, 202, 249, 0.04); + border-color: transparent; + color: #90caf9; + } + .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(144, 202, 249, 0.16); + border-color: transparent; + color: #90caf9; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #c5e1a5; + border: 0 none; + } + .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: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; + } + .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: #c5e1a5; + border: 0 none; + } + .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(197, 225, 165, 0.04); + color: #c5e1a5; + border: 0 none; + } + .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(197, 225, 165, 0.16); + color: #c5e1a5; + border: 0 none; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #fff59d; + border: 0 none; + } + .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: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; + } + .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: #fff59d; + border: 0 none; + } + .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, 245, 157, 0.04); + color: #fff59d; + border: 0 none; + } + .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, 245, 157, 0.16); + color: #fff59d; + border: 0 none; + } + .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: #fff59d; + 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, 245, 157, 0.04); + border-color: transparent; + color: #fff59d; + } + .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, 245, 157, 0.16); + border-color: transparent; + color: #fff59d; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #ce93d8; + border: 0 none; + } + .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: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: #212121; + background: #ef9a9a; + border: 0 none; + } + .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: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; + } + .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: none; + } + .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: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; + } + .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: #ef9a9a; + border: 0 none; + } + .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(239, 154, 154, 0.04); + color: #ef9a9a; + border: 0 none; + } + .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(239, 154, 154, 0.16); + color: #ef9a9a; + border: 0 none; + } + .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: #ef9a9a; + 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(239, 154, 154, 0.04); + border-color: transparent; + color: #ef9a9a; + } + .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(239, 154, 154, 0.16); + border-color: transparent; + color: #ef9a9a; + } + + .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #121212; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d0d0d0; + color: #121212; + border-color: #d0d0d0; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #b8b8b8; + color: #121212; + border-color: #b8b8b8; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + + .p-button.p-button-link { + color: #9FA8DA; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #9FA8DA; + 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: #9FA8DA; + 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: none; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #F48FB1; + color: #212121; + } + .p-speeddial-action:hover { + background: rgba(244, 143, 177, 0.92); + color: #212121; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); + } + + .p-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 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-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: 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 transparent; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #9FA8DA; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; + } + .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: #1e1e1e; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 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: #222222; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #9FA8DA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #9FA8DA; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; + } + .p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0.75rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0.75rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; + } + .p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(69, 86, 180, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); + } + + .p-picklist .p-picklist-buttons { + padding: 0.75rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; + } + .p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(255, 255, 255, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; + } + .p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.25rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #9FA8DA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .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: #9FA8DA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .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: #9FA8DA; + } + .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: #9FA8DA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(105, 119, 197, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.25rem; + transition: none; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #9FA8DA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + } + .p-treetable .p-sortable-column { + outline-color: transparent; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #9FA8DA; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #9FA8DA; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #9FA8DA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #9FA8DA; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #9FA8DA; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-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: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 0.75rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 0.75rem 0; + } + .p-card .p-card-footer { + padding: 0.75rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1e1e1e; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 0.75rem; + } + + .p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 500; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-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.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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.12); + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.75rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; + } + .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: #9FA8DA; + width: 2.75rem; + 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 none; + } + .p-tabview .p-tabview-panels { + background: transparent; + padding: 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-radius: 4px; + 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: none; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.87); + font-weight: 500; + 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: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #9FA8DA; + } + .p-stepper .p-stepper-panels { + background: transparent; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #bdbdbd; + 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: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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: #9FA8DA; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-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: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #9FA8DA; + color: #121212; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #242424; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; + } + + .p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 0.75rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0.75rem; + } + .p-sidebar .p-sidebar-footer { + padding: 0.75rem; + } + + .p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #9FA8DA; + border-style: dashed; + background-color: rgba(159, 168, 218, 0.16); + } + .p-fileupload .p-progressbar { + height: 4px; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; + } + .p-fileupload-choose:not(.p-disabled):active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; + } + + .p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; + } + .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: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-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: 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.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + + .p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menu.p-menu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + 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.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + border-radius: 4px; + transition: none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + } + .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 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + 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: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .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.12); + margin: 0.5rem 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.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #9FA8DA; + color: #121212; + 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 rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; + } + .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: #9FA8DA; + width: 2.75rem; + 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 none; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 1px; + color: #01579b; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579b; + } + .p-inline-message.p-inline-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 1px; + color: #1b5e20; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1b5e20; + } + .p-inline-message.p-inline-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 1px; + color: #7f6003; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; + } + .p-inline-message.p-inline-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 1px; + color: #b71c1c; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #b71c1c; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-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: 0.75rem 0; + border-radius: 4px; + } + .p-message .p-message-wrapper { + padding: 1rem 1.25rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-message.p-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-message.p-message-info .p-message-icon { + color: #01579b; + } + .p-message.p-message-info .p-message-close { + color: #01579b; + } + .p-message.p-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-message.p-message-success .p-message-icon { + color: #1b5e20; + } + .p-message.p-message-success .p-message-close { + color: #1b5e20; + } + .p-message.p-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-message.p-message-warn .p-message-icon { + color: #7f6003; + } + .p-message.p-message-warn .p-message-close { + color: #7f6003; + } + .p-message.p-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-message.p-message-error .p-message-icon { + color: #b71c1c; + } + .p-message.p-message-error .p-message-close { + color: #b71c1c; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-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-message.p-message-secondary { + background: #F48FB1; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-message.p-message-secondary .p-message-icon { + color: #121212; + } + .p-message.p-message-secondary .p-message-close { + color: #121212; + } + .p-message.p-message-contrast { + background: #ffffff; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-message.p-message-contrast .p-message-icon { + color: #121212; + } + .p-message.p-message-contrast .p-message-close { + color: #121212; + } + + .p-toast { + opacity: 0.9; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-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: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #F48FB1; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #ffffff; + border: solid transparent; + border-width: 0 0 0 0; + color: #121212; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #121212; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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.12); + border-radius: 4px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; + } + + .p-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #F48FB1; + color: #121212; + } + .p-badge.p-badge-contrast { + background-color: #ffffff; + color: #121212; + } + .p-badge.p-badge-success { + background-color: #c5e1a5; + color: #212121; + } + .p-badge.p-badge-info { + background-color: #90caf9; + color: #212121; + } + .p-badge.p-badge-warning { + background-color: #fff59d; + color: #212121; + } + .p-badge.p-badge-danger { + background-color: #ef9a9a; + color: #212121; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-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: rgba(159, 168, 218, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #9FA8DA; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #9FA8DA; + 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: 4px; + background: rgba(159, 168, 218, 0.32); + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #9FA8DA; + } + .p-progressbar .p-progressbar-label { + color: #121212; + line-height: 4px; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: #F48FB1; + } + .p-scrolltop.p-link:hover { + background: rgba(244, 143, 177, 0.92); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #121212; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #212121; + } + .p-tag.p-tag-info { + background-color: #90caf9; + color: #212121; + } + .p-tag.p-tag-warning { + background-color: #fff59d; + color: #212121; + } + .p-tag.p-tag-danger { + background-color: #ef9a9a; + color: #212121; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #F48FB1; + color: #121212; + } + .p-tag.p-tag-contrast { + background-color: #ffffff; + color: #121212; + } + + .p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); + } + .p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; + } + .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; + } + + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; + } + .p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-button { + font-weight: 500; + min-width: 4rem; + } + .p-button.p-button-icon-only { + min-width: auto; + } + .p-button:enabled:focus { + background: rgba(159, 168, 218, 0.76); + } + .p-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + } + .p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); + } + .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(159, 168, 218, 0.12); + } + .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(159, 168, 218, 0.16); + } + .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; + } + .p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + } + .p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; + } + .p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(244, 143, 177, 0.76); + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(244, 143, 177, 0.68); + } + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(244, 143, 177, 0.12); + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + } + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(244, 143, 177, 0.16); + } + + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + } + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); + } + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + } + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); + } + + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + } + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); + } + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + } + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); + } + + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + } + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + } + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); + } + + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + } + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); + } + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + } + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); + } + + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + } + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + } + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); + } + + .p-button.p-button-contrast:enabled:focus, +.p-button-group.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(255, 255, 255, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-button-group.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(255, 255, 255, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 255, 255, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-text .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 255, 255, 0.16); + } + + .p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; + } + .p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); + } + .p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #9FA8DA; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + .p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; + } + .p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; + } + + .p-datepicker .p-datepicker-header { + border-bottom: 0 none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; + } + .p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; + } + .p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; + } + .p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); + } + .p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); + } + + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; + } + + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; + } + .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-cascadeselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + + .p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F48FB1; + color: #121212; + } + + .p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; + } + .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); + } + .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); + } + .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #9FA8DA; + } + .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + .p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #1e1e1e; + } + .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; + } + + @keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #121212; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #121212; + transform: translate3d(0, -10px, 0) rotate(45deg); + } + } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-datatable .p-sortable-column { + outline: 0 none; + } + .p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr { + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #9FA8DA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #9FA8DA; + } + + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; + } + .p-dropdown .p-inputtext { + border: 0 none; + } + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + .p-dropdown.p-variant-filled { + background: rgba(255, 255, 255, 0.06); + } + .p-dropdown.p-variant-filled:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-dropdown-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + + .p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-dropdown .p-inputtext { + border: 0 none; + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F48FB1; + color: #121212; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 143, 177, 0.68); + color: #121212; + } + + .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + .p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); + } + .p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; + } + .p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; + } + + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + } + + .p-fieldset .p-fieldset-legend { + border: 0 none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; + } + + .p-float-label textarea ~ label { + margin-top: 0; + } + + .p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #9FA8DA; + } + + .p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; + } + + .p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; + } + .p-multiselect .p-multiselect-label { + border: 0 none; + } + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + .p-multiselect-panel .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; + } + + .p-paginator { + justify-content: flex-end; + } + .p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; + } + .p-panel .p-panel-content { + padding-top: 0; + } + .p-panel .p-panel-title { + font-size: 1.25rem; + } + .p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); + } + + .p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * { + opacity: 0.38; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus { + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-progressbar { + border-radius: 0; + } + .p-progressbar .p-progressbar-label { + display: none !important; + } + + .p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #9FA8DA; + } + .p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); + } + .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; + } + + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { + border-radius: 50%; + width: 2rem; + height: 2rem; + align-items: center; + display: inline-flex; + justify-content: center; + } + .p-rating .p-rating-item.p-focus { + background: rgba(159, 168, 218, 0.12); + } + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { + background: rgba(244, 68, 53, 0.12); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { + background-color: rgba(0, 0, 0, 0.04); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { + background: rgba(244, 68, 53, 0.04); + } + + .p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + } + .p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + } + + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2); + } + .p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); + } + + .p-steps { + padding: 1rem 0; + } + .p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; + } + .p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; + } + .p-steps .p-steps-item:last-child { + flex-grow: 0; + } + .p-steps .p-steps-item:last-child:before { + display: none; + } + .p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #9FA8DA; + color: #121212; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(159, 168, 218, 0.12); + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #9FA8DA; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-toolbar { + border: 0 none; + } + + .p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + } + .p-tooltip .p-tooltip-arrow { + display: none; + } + + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.12); + } + + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; + } + .p-treeselect .p-treeselect-label { + border: 0 none; + } + .p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; + } + + .p-treeselect-item .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + + .p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; + } + .p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); + } + + .p-treeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; + } + + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + background: rgba(255, 255, 255, 0.12); + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { + background: rgba(159, 168, 218, 0.24); + } + + .p-treetable .p-sortable-column { + outline: 0 none; + } + .p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr { + outline: 0 none; + } + .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); + } + + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(159, 168, 218, 0.16); + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); + } + .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #9FA8DA; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; + } + + .p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + } + .p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + } + + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(159, 168, 218, 0.12); + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(159, 168, 218, 0.16); + } + .p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(2.75rem + 1px); + } + .p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + } + .p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; + } + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(244, 143, 177, 0.12); + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(244, 143, 177, 0.16); + } + + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(144, 202, 249, 0.12); + } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(144, 202, 249, 0.16); + } + + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(197, 225, 165, 0.12); + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(197, 225, 165, 0.16); + } + + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(255, 245, 157, 0.12); + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(255, 245, 157, 0.16); + } + + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(206, 147, 216, 0.12); + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(206, 147, 216, 0.16); + } + + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(239, 154, 154, 0.12); + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 154, 154, 0.16); + } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(244, 143, 177, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(244, 143, 177, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } +} +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 00000000..ad8f60c3 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 00000000..381442a1 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 00000000..d08f2b81 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..e7a26f14 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 00000000..1bbb4eb4 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..3152d047 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/theme.css b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/theme.css new file mode 100644 index 00000000..647881ed --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/mdc-light-deeppurple/theme.css @@ -0,0 +1,8098 @@ +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #673AB7; + --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: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); + --maskbg: rgba(0, 0, 0, 0.32); + --highlight-bg: rgba(103, 58, 183, 0.12); + --highlight-text-color: #673AB7; + --focus-ring: none; + color-scheme: light; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f7f5fb; + --primary-100:#dbd0ee; + --primary-200:#beaae0; + --primary-300:#a185d2; + --primary-400:#845fc5; + --primary-500:#673ab7; + --primary-600:#58319c; + --primary-700:#482980; + --primary-800:#392065; + --primary-900:#291749; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #673AB7; +} +.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: #673AB7; +} +.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: #673AB7; +} +.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: #673AB7; +} + +@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.32); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.38; + } + + .p-error { + color: #b00020; + } + + .p-text-secondary { + color: rgba(0, 0, 0, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-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: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + 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(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #b00020; + } + + .p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #b00020; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3.5rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #b00020; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + 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: #673AB7; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .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: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + 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(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3.5rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #b00020; + } + .p-cascadeselect.p-variant-filled { + background-color: #f5f5f5; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f5f5f5; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #b00020; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + + .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: 18px; + height: 18px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + 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: #673AB7; + background: #673AB7; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #673AB7; + background: #673AB7; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #673AB7; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #673AB7; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #673AB7; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #673AB7; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: rgba(0, 0, 0, 0.87); + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #b00020; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + .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 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #b00020; + } + .p-dropdown.p-variant-filled { + background-color: #f5f5f5; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + .p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f5f5f5; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #b00020; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-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.75rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #b00020; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f5f5f5; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #b00020; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.5rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f5f5f5; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #ececec; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #dcdcdc; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.75rem; + height: 1rem; + } + .p-inputswitch .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(103, 58, 183, 0.5); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #673AB7; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(103, 58, 183, 0.5); + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #b00020; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #b00020; + } + .p-inputtext.p-variant-filled { + background-color: #f5f5f5; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #b00020; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #f5f5f5; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #b00020; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: #f5f5f5; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #ececec; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f5f5f5; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #b00020; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #b00020; + } + + .p-password-panel { + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(103, 58, 183, 0.32); + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #d32f2f; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbc02d; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #689f38; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #673AB7; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #673AB7; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #673AB7; + background: #ffffff; + color: #673AB7; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f5f5f5; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; + } + .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: #b00020; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + 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: #673AB7; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #b00020; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #673AB7; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #673AB7; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #b00020; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #b00020; + } + + .p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; + } + .p-slider.p-slider-horizontal { + height: 2px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 2px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #673AB7; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #673AB7; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #673AB7; + border-color: 0 none; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #b00020; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: #f5f5f5; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #b00020; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f5f5f5; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + + .p-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + padding: 0.643rem 0.75rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; + } + .p-button:not(:disabled):active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #673AB7; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border: 0 none; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #673AB7; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: #673AB7; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.75rem; + } + .p-fluid .p-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: #4CAF50; + border: 0 none; + } + .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: rgba(76, 175, 80, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(76, 175, 80, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: #4CAF50; + border: 0 none; + } + .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, 175, 80, 0.04); + color: #4CAF50; + border: 0 none; + } + .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, 175, 80, 0.16); + color: #4CAF50; + border: 0 none; + } + .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: #4CAF50; + 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, 175, 80, 0.04); + border-color: transparent; + color: #4CAF50; + } + .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, 175, 80, 0.16); + border-color: transparent; + color: #4CAF50; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196f3; + border: 0 none; + } + .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: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: #2196f3; + border: 0 none; + } + .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(33, 150, 243, 0.04); + color: #2196f3; + border: 0 none; + } + .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(33, 150, 243, 0.16); + color: #2196f3; + border: 0 none; + } + .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: #2196f3; + 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(33, 150, 243, 0.04); + border-color: transparent; + color: #2196f3; + } + .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(33, 150, 243, 0.16); + border-color: transparent; + color: #2196f3; + } + + .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: 0 none; + } + .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: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; + } + .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: none; + } + .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: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212121; + border: 1px solid #212121; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #424242; + color: #ffffff; + border-color: #424242; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #616161; + color: #ffffff; + border-color: #616161; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212121; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + border-color: transparent; + color: #212121; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + border-color: transparent; + color: #212121; + } + + .p-button.p-button-link { + color: #673AB7; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #673AB7; + 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: #673AB7; + 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: none; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4CAF50; + color: #fff; + } + .p-speeddial-action:hover { + background: rgba(76, 175, 80, 0.92); + color: #fff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); + } + + .p-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 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: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-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: 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 transparent; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #673AB7; + } + .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: #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: rgba(0, 0, 0, 0.02); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #673AB7; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #673AB7; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0.75rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0.75rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-orderlist .p-orderlist-header { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; + } + .p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(0, 0, 0, 0.87); + padding: 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(49, 27, 86, 0.12); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); + } + + .p-picklist .p-picklist-buttons { + padding: 0.75rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-picklist .p-picklist-header { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; + } + .p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(0, 0, 0, 0.87); + padding: 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; + } + .p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.25rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #673AB7; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .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: #673AB7; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .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: #673AB7; + } + .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: #673AB7; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(82, 46, 146, 0.12); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.25rem; + transition: none; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #673AB7; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: transparent; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #673AB7; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #673AB7; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #673AB7; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #673AB7; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #673AB7; + } + .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.65625rem 0.65625rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 0.75rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-card .p-card-content { + padding: 0.75rem 0; + } + .p-card .p-card-footer { + padding: 0.75rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 0.75rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 500; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-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.75rem 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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(0, 0, 0, 0.12); + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.75rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; + } + .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: #673AB7; + width: 2.75rem; + 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 none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-radius: 4px; + 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: none; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + border-width: 2px; + background: transparent; + 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: rgba(0, 0, 0, 0.87); + font-weight: 500; + 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: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(0, 0, 0, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #673AB7; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #bdbdbd; + 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: rgba(0, 0, 0, 0.87); + } + .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: #673AB7; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-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: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; + } + .p-dialog .p-dialog-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: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #673AB7; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #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: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 0.75rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0.75rem; + } + .p-sidebar .p-sidebar-footer { + padding: 0.75rem; + } + + .p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #673AB7; + border-style: dashed; + background-color: rgba(103, 58, 183, 0.12); + } + .p-fileupload .p-progressbar { + height: 4px; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; + } + .p-fileupload-choose:not(.p-disabled):active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; + } + .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: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-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: 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.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + 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; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + 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: rgba(0, 0, 0, 0.6); + 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: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #673AB7; + 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.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + border-radius: 4px; + transition: none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + } + .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 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + 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: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .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(0, 0, 0, 0.12); + margin: 0.5rem 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.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + 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: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #673AB7; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #673AB7; + 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 rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; + } + .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: #673AB7; + width: 2.75rem; + 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 none; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-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.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 1px; + color: #01579b; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579b; + } + .p-inline-message.p-inline-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 1px; + color: #1b5e20; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1b5e20; + } + .p-inline-message.p-inline-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 1px; + color: #7f6003; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; + } + .p-inline-message.p-inline-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 1px; + color: #b71c1c; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #b71c1c; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-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: 0.75rem 0; + border-radius: 4px; + } + .p-message .p-message-wrapper { + padding: 1rem 1.25rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-message.p-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-message.p-message-info .p-message-icon { + color: #01579b; + } + .p-message.p-message-info .p-message-close { + color: #01579b; + } + .p-message.p-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-message.p-message-success .p-message-icon { + color: #1b5e20; + } + .p-message.p-message-success .p-message-close { + color: #1b5e20; + } + .p-message.p-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-message.p-message-warn .p-message-icon { + color: #7f6003; + } + .p-message.p-message-warn .p-message-close { + color: #7f6003; + } + .p-message.p-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-message.p-message-error .p-message-icon { + color: #b71c1c; + } + .p-message.p-message-error .p-message-close { + color: #b71c1c; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-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-message.p-message-secondary { + background: #4CAF50; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-message.p-message-secondary .p-message-icon { + color: #ffffff; + } + .p-message.p-message-secondary .p-message-close { + color: #ffffff; + } + .p-message.p-message-contrast { + background: #212121; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-message.p-message-contrast .p-message-icon { + color: #ffffff; + } + .p-message.p-message-contrast .p-message-close { + color: #ffffff; + } + + .p-toast { + opacity: 0.9; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-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: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #4CAF50; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #212121; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #ffffff; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #4CAF50; + color: #ffffff; + } + .p-badge.p-badge-contrast { + background-color: #212121; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #689f38; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #2196f3; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #fbc02d; + color: #212529; + } + .p-badge.p-badge-danger { + background-color: #d32f2f; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-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: rgba(103, 58, 183, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #673AB7; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #673AB7; + 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: 4px; + background: rgba(103, 58, 183, 0.32); + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #673AB7; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 4px; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: #4CAF50; + } + .p-scrolltop.p-link:hover { + background: rgba(76, 175, 80, 0.92); + } + .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(0, 0, 0, 0.08); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #689f38; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #2196f3; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #fbc02d; + color: #212529; + } + .p-tag.p-tag-danger { + background-color: #d32f2f; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #4CAF50; + color: #ffffff; + } + .p-tag.p-tag-contrast { + background-color: #212121; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); + } + .p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; + } + .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; + } + + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; + } + .p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-button { + font-weight: 500; + min-width: 4rem; + } + .p-button.p-button-icon-only { + min-width: auto; + } + .p-button:enabled:focus { + background: rgba(103, 58, 183, 0.76); + } + .p-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + } + .p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); + } + .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(103, 58, 183, 0.12); + } + .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(103, 58, 183, 0.16); + } + .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; + } + .p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + } + .p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; + } + .p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(76, 175, 80, 0.76); + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(76, 175, 80, 0.68); + } + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(76, 175, 80, 0.12); + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(76, 175, 80, 0.16); + } + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(76, 175, 80, 0.16); + } + + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + } + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); + } + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + } + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); + } + + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + } + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); + } + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + } + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); + } + + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + } + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + } + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); + } + + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + } + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); + } + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + } + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); + } + + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + } + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + } + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); + } + + .p-button.p-button-contrast:enabled:focus, +.p-button-group.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(33, 33, 33, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-button-group.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(33, 33, 33, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 33, 33, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 33, 33, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-text .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 33, 33, 0.16); + } + + .p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; + } + .p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #673AB7; + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + .p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; + } + .p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; + } + + .p-datepicker .p-datepicker-header { + border-bottom: 0 none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; + } + .p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; + } + .p-datepicker table th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; + } + .p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); + } + .p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); + } + + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #b00020; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; + } + + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; + } + .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-cascadeselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + + .p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #4CAF50; + color: #ffffff; + } + + .p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; + } + .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; + } + .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; + } + .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #673AB7; + } + .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + .p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; + } + + @keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } + } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-datatable .p-sortable-column { + outline: 0 none; + } + .p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); + } + .p-datatable .p-datatable-tbody > tr { + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #673AB7; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #673AB7; + } + + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; + } + .p-dropdown .p-inputtext { + border: 0 none; + } + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + .p-dropdown.p-variant-filled { + background: #f5f5f5; + } + .p-dropdown.p-variant-filled:not(.p-disabled):hover { + background-color: #ececec; + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-dropdown-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + + .p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-dropdown .p-inputtext { + border: 0 none; + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #4CAF50; + color: #ffffff; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(76, 175, 80, 0.68); + color: #ffffff; + } + + .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + .p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; + } + .p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; + } + + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + + .p-fieldset .p-fieldset-legend { + border: 0 none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; + } + + .p-float-label textarea ~ label { + margin-top: 0; + } + + .p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #673AB7; + } + + .p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; + } + + .p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; + } + .p-multiselect .p-multiselect-label { + border: 0 none; + } + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + .p-multiselect-panel .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; + } + + .p-paginator { + justify-content: flex-end; + } + .p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; + } + .p-panel .p-panel-content { + padding-top: 0; + } + .p-panel .p-panel-title { + font-size: 1.25rem; + } + .p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * { + opacity: 0.38; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus { + background: #f6f6f6; + } + .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-progressbar { + border-radius: 0; + } + .p-progressbar .p-progressbar-label { + display: none !important; + } + + .p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #673AB7; + } + .p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; + } + + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { + border-radius: 50%; + width: 2rem; + height: 2rem; + align-items: center; + display: inline-flex; + justify-content: center; + } + .p-rating .p-rating-item.p-focus { + background: rgba(103, 58, 183, 0.12); + } + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { + background: rgba(176, 0, 32, 0.12); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { + background-color: rgba(0, 0, 0, 0.04); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { + background: rgba(176, 0, 32, 0.04); + } + + .p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; + } + .p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; + } + + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); + } + .p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); + } + + .p-steps { + padding: 1rem 0; + } + .p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; + } + .p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; + } + .p-steps .p-steps-item:last-child { + flex-grow: 0; + } + .p-steps .p-steps-item:last-child:before { + display: none; + } + .p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #673AB7; + color: #ffffff; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(103, 58, 183, 0.12); + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #673AB7; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-toolbar { + border: 0 none; + } + + .p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + } + .p-tooltip .p-tooltip-arrow { + display: none; + } + + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; + } + .p-treeselect .p-treeselect-label { + border: 0 none; + } + .p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + } + + .p-treeselect-item .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + + .p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; + } + .p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + .p-treeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + background: rgba(0, 0, 0, 0.12); + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { + background: rgba(103, 58, 183, 0.24); + } + + .p-treetable .p-sortable-column { + outline: 0 none; + } + .p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); + } + .p-treetable .p-treetable-tbody > tr { + outline: 0 none; + } + .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); + } + + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(103, 58, 183, 0.16); + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); + } + .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #673AB7; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; + } + + .p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; + } + .p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; + } + + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(103, 58, 183, 0.12); + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(103, 58, 183, 0.16); + } + .p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(2.75rem + 1px); + } + .p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + } + .p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; + } + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(76, 175, 80, 0.12); + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(76, 175, 80, 0.16); + } + + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(33, 150, 243, 0.12); + } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(33, 150, 243, 0.16); + } + + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(104, 159, 56, 0.12); + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(104, 159, 56, 0.16); + } + + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(251, 192, 45, 0.12); + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 192, 45, 0.16); + } + + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(156, 39, 176, 0.12); + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(156, 39, 176, 0.16); + } + + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(211, 47, 47, 0.12); + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(211, 47, 47, 0.16); + } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(76, 175, 80, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(76, 175, 80, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } +} +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 00000000..ad8f60c3 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 00000000..381442a1 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 00000000..d08f2b81 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..e7a26f14 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 00000000..1bbb4eb4 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..3152d047 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/theme.css b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/theme.css new file mode 100644 index 00000000..fc7799d5 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/mdc-light-indigo/theme.css @@ -0,0 +1,8098 @@ +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #3F51B5; + --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: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); + --maskbg: rgba(0, 0, 0, 0.32); + --highlight-bg: rgba(63, 81, 181, 0.12); + --highlight-text-color: #3F51B5; + --focus-ring: none; + color-scheme: light; +} + +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f5f6fb; + --primary-100:#d1d5ed; + --primary-200:#acb4df; + --primary-300:#8893d1; + --primary-400:#6372c3; + --primary-500:#3f51b5; + --primary-600:#36459a; + --primary-700:#2c397f; + --primary-800:#232d64; + --primary-900:#192048; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3F51B5; +} +.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: #3F51B5; +} +.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: #3F51B5; +} +.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: #3F51B5; +} + +@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.32); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.38; + } + + .p-error { + color: #b00020; + } + + .p-text-secondary { + color: rgba(0, 0, 0, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-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: 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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + 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(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #b00020; + } + + .p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #b00020; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3.5rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #b00020; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 500; + 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: #3F51B5; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .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: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + 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(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 3.5rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #b00020; + } + .p-cascadeselect.p-variant-filled { + background-color: #f5f5f5; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f5f5f5; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #b00020; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + + .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: 18px; + height: 18px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + 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: #3F51B5; + background: #3F51B5; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #3F51B5; + background: #3F51B5; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3F51B5; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3F51B5; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3F51B5; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3F51B5; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: rgba(0, 0, 0, 0.87); + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #b00020; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + .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 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #b00020; + } + .p-dropdown.p-variant-filled { + background-color: #f5f5f5; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + .p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f5f5f5; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #b00020; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-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.75rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #b00020; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f5f5f5; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #b00020; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.5rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f5f5f5; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #ececec; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #dcdcdc; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.75rem; + height: 1rem; + } + .p-inputswitch .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(63, 81, 181, 0.5); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #3F51B5; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(63, 81, 181, 0.5); + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #b00020; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; + } + .p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #b00020; + } + .p-inputtext.p-variant-filled { + background-color: #f5f5f5; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #b00020; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #f5f5f5; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #b00020; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-multiselect.p-variant-filled { + background: #f5f5f5; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #ececec; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f5f5f5; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #b00020; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #b00020; + } + + .p-password-panel { + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(63, 81, 181, 0.32); + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #d32f2f; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbc02d; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #689f38; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #3F51B5; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #3F51B5; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #3F51B5; + background: #ffffff; + color: #3F51B5; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f5f5f5; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; + } + .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: #b00020; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + 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: #3F51B5; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #b00020; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #3F51B5; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #3F51B5; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #b00020; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #b00020; + } + + .p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; + } + .p-slider.p-slider-horizontal { + height: 2px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + height: 100%; + width: 2px; + } + .p-slider.p-slider-vertical .p-slider-handle { + height: 20px; + width: 20px; + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3F51B5; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #3F51B5; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3F51B5; + border-color: 0 none; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + .p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #b00020; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-treeselect.p-variant-filled { + background-color: #f5f5f5; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #ececec; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #dcdcdc; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #b00020; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f5f5f5; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + + .p-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + padding: 0.643rem 0.75rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; + } + .p-button:not(:disabled):active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #3F51B5; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border: 0 none; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border: 0 none; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #3F51B5; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: #3F51B5; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.75rem; + } + .p-fluid .p-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: #ff4081; + border: 0 none; + } + .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: rgba(255, 64, 129, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(255, 64, 129, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: #ff4081; + border: 0 none; + } + .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(255, 64, 129, 0.04); + color: #ff4081; + border: 0 none; + } + .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(255, 64, 129, 0.16); + color: #ff4081; + border: 0 none; + } + .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: #ff4081; + 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(255, 64, 129, 0.04); + border-color: transparent; + color: #ff4081; + } + .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(255, 64, 129, 0.16); + border-color: transparent; + color: #ff4081; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196f3; + border: 0 none; + } + .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: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: #2196f3; + border: 0 none; + } + .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(33, 150, 243, 0.04); + color: #2196f3; + border: 0 none; + } + .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(33, 150, 243, 0.16); + color: #2196f3; + border: 0 none; + } + .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: #2196f3; + 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(33, 150, 243, 0.04); + border-color: transparent; + color: #2196f3; + } + .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(33, 150, 243, 0.16); + border-color: transparent; + color: #2196f3; + } + + .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: 0 none; + } + .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: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; + } + .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: none; + } + .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: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; + } + .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: none; + } + .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: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; + } + .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: 0 none; + } + .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: 0 none; + } + .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: 0 none; + } + .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-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212121; + border: 1px solid #212121; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #424242; + color: #ffffff; + border-color: #424242; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #616161; + color: #ffffff; + border-color: #616161; + } + .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212121; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + border-color: transparent; + color: #212121; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + border-color: transparent; + color: #212121; + } + + .p-button.p-button-link { + color: #3F51B5; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #3F51B5; + 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: #3F51B5; + 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: none; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #ff4081; + color: #fff; + } + .p-speeddial-action:hover { + background: rgba(255, 64, 129, 0.92); + color: #fff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); + } + + .p-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 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: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-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: 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 transparent; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #3F51B5; + } + .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: #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: rgba(0, 0, 0, 0.02); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #3F51B5; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #3F51B5; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0.75rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0.75rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-orderlist .p-orderlist-header { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; + } + .p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(0, 0, 0, 0.87); + padding: 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(30, 39, 86, 0.12); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); + } + + .p-picklist .p-picklist-buttons { + padding: 0.75rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-picklist .p-picklist-header { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; + } + .p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(0, 0, 0, 0.87); + padding: 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: rgba(0, 0, 0, 0.02); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(0, 0, 0, 0.04); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; + } + .p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.25rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3F51B5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .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: #3F51B5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .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: #3F51B5; + } + .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: #3F51B5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(50, 65, 145, 0.12); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.25rem; + transition: none; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #3F51B5; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: transparent; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f5f5f5; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #3F51B5; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #ececec; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #3F51B5; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid transparent; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #3F51B5; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #3F51B5; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #3F51B5; + } + .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.65625rem 0.65625rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-card .p-card-body { + padding: 0.75rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-card .p-card-content { + padding: 0.75rem 0; + } + .p-card .p-card-footer { + padding: 0.75rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + } + .p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 0.75rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 500; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-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.75rem 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; + } + .p-panel .p-panel-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(0, 0, 0, 0.12); + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.75rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; + } + .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: #3F51B5; + width: 2.75rem; + 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 none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-radius: 4px; + 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: none; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + border-width: 2px; + background: transparent; + 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: rgba(0, 0, 0, 0.87); + font-weight: 500; + 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: none; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(0, 0, 0, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #3F51B5; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #bdbdbd; + 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: rgba(0, 0, 0, 0.87); + } + .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: #3F51B5; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-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: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; + } + .p-dialog .p-dialog-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: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #3F51B5; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #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: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 0.75rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0.75rem; + } + .p-sidebar .p-sidebar-footer { + padding: 0.75rem; + } + + .p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #3F51B5; + border-style: dashed; + background-color: rgba(63, 81, 181, 0.12); + } + .p-fileupload .p-progressbar { + height: 4px; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; + } + .p-fileupload-choose:not(.p-disabled):active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; + } + .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: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-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: 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.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + 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; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + 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: rgba(0, 0, 0, 0.6); + 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: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menu .p-menuitem-badge { + background: #3F51B5; + 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.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + border-radius: 4px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-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: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + border-radius: 4px; + transition: none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + } + .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 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + 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: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + 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: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .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: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .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(0, 0, 0, 0.12); + margin: 0.5rem 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.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + 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: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #3F51B5; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #3F51B5; + 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 rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; + } + .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: #3F51B5; + width: 2.75rem; + 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 none; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; + } + .p-tieredmenu.p-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.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .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: rgba(0, 0, 0, 0.6); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; + } + .p-inline-message.p-inline-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 1px; + color: #01579b; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579b; + } + .p-inline-message.p-inline-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 1px; + color: #1b5e20; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1b5e20; + } + .p-inline-message.p-inline-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 1px; + color: #7f6003; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; + } + .p-inline-message.p-inline-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 1px; + color: #b71c1c; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #b71c1c; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-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: 0.75rem 0; + border-radius: 4px; + } + .p-message .p-message-wrapper { + padding: 1rem 1.25rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-message.p-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-message.p-message-info .p-message-icon { + color: #01579b; + } + .p-message.p-message-info .p-message-close { + color: #01579b; + } + .p-message.p-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-message.p-message-success .p-message-icon { + color: #1b5e20; + } + .p-message.p-message-success .p-message-close { + color: #1b5e20; + } + .p-message.p-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-message.p-message-warn .p-message-icon { + color: #7f6003; + } + .p-message.p-message-warn .p-message-close { + color: #7f6003; + } + .p-message.p-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-message.p-message-error .p-message-icon { + color: #b71c1c; + } + .p-message.p-message-error .p-message-close { + color: #b71c1c; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-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-message.p-message-secondary { + background: #ff4081; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-message.p-message-secondary .p-message-icon { + color: #ffffff; + } + .p-message.p-message-secondary .p-message-close { + color: #ffffff; + } + .p-message.p-message-contrast { + background: #212121; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-message.p-message-contrast .p-message-icon { + color: #ffffff; + } + .p-message.p-message-contrast .p-message-close { + color: #ffffff; + } + + .p-toast { + opacity: 0.9; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-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: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #b3e5fc; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579b; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #c8e6c9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1b5e20; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ffecb3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffcdd2; + border: solid transparent; + border-width: 0 0 0 0; + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #b71c1c; + } + .p-toast .p-toast-message.p-toast-message-secondary { + background: #ff4081; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast { + background: #212121; + border: solid transparent; + border-width: 0 0 0 0; + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + color: #ffffff; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .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: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 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(0, 0, 0, 0.12); + border-radius: 4px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #ff4081; + color: #ffffff; + } + .p-badge.p-badge-contrast { + background-color: #212121; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #689f38; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #2196f3; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #fbc02d; + color: #212529; + } + .p-badge.p-badge-danger { + background-color: #d32f2f; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-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: rgba(63, 81, 181, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #3F51B5; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #3F51B5; + 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: 4px; + background: rgba(63, 81, 181, 0.32); + border-radius: 4px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3F51B5; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 4px; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: #ff4081; + } + .p-scrolltop.p-link:hover { + background: rgba(255, 64, 129, 0.92); + } + .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(0, 0, 0, 0.08); + border-radius: 4px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; + } + .p-tag.p-tag-success { + background-color: #689f38; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #2196f3; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #fbc02d; + color: #212529; + } + .p-tag.p-tag-danger { + background-color: #d32f2f; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-tag.p-tag-secondary { + background-color: #ff4081; + color: #ffffff; + } + .p-tag.p-tag-contrast { + background-color: #212121; + color: #ffffff; + } + + .p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; + } + .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); + } + .p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; + } + .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; + } + .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; + } + + .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; + } + .p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-button { + font-weight: 500; + min-width: 4rem; + } + .p-button.p-button-icon-only { + min-width: auto; + } + .p-button:enabled:focus { + background: rgba(63, 81, 181, 0.76); + } + .p-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + } + .p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); + } + .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(63, 81, 181, 0.12); + } + .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(63, 81, 181, 0.16); + } + .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; + } + .p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + } + .p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; + } + .p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(255, 64, 129, 0.76); + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(255, 64, 129, 0.68); + } + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 64, 129, 0.12); + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 64, 129, 0.16); + } + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 64, 129, 0.16); + } + + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + } + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); + } + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + } + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); + } + + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + } + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); + } + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + } + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); + } + + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + } + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + } + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); + } + + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + } + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); + } + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + } + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); + } + + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + } + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + } + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); + } + + .p-button.p-button-contrast:enabled:focus, +.p-button-group.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(33, 33, 33, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-button-group.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(33, 33, 33, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 33, 33, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 33, 33, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-text .p-ink, +.p-button-group.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 33, 33, 0.16); + } + + .p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; + } + .p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { + background-color: transparent !important; + } + .p-calendar-w-btn:not(.p-calendar-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); + } + .p-calendar-w-btn:not(.p-calendar-disabled).p-focus { + border-color: #3F51B5; + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + .p-calendar-w-btn.p-calendar-disabled { + opacity: 0.38; + } + .p-calendar-w-btn.p-calendar-disabled .p-inputtext { + opacity: 1; + } + + .p-datepicker .p-datepicker-header { + border-bottom: 0 none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; + } + .p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; + } + .p-datepicker table th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; + } + .p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); + } + .p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); + } + + p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #b00020; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; + } + p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; + } + + .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; + } + .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-cascadeselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + + .p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; + } + .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ff4081; + color: #ffffff; + } + + .p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; + } + .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; + } + .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; + } + .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #3F51B5; + } + .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + .p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); + } + .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; + } + + @keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } + } + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + + .p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; + } + + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; + } + .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-datatable .p-sortable-column { + outline: 0 none; + } + .p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); + } + .p-datatable .p-datatable-tbody > tr { + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #3F51B5; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #3F51B5; + } + + .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; + } + .p-dropdown .p-inputtext { + border: 0 none; + } + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + .p-dropdown.p-variant-filled { + background: #f5f5f5; + } + .p-dropdown.p-variant-filled:not(.p-disabled):hover { + background-color: #ececec; + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { + background-color: #dcdcdc; + } + .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-dropdown-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + + .p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-dropdown .p-inputtext { + border: 0 none; + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ff4081; + color: #ffffff; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 64, 129, 0.68); + color: #ffffff; + } + + .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + .p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; + } + .p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; + } + .p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + .p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; + } + + p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; + } + + .p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + + .p-fieldset .p-fieldset-legend { + border: 0 none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; + } + + .p-float-label textarea ~ label { + margin-top: 0; + } + + .p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #3F51B5; + } + + .p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; + } + + .p-listbox .p-listbox-list .p-listbox-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; + } + .p-multiselect .p-multiselect-label { + border: 0 none; + } + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + .p-multiselect-panel .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; + } + + .p-paginator { + justify-content: flex-end; + } + .p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; + } + .p-panel .p-panel-content { + padding-top: 0; + } + .p-panel .p-panel-title { + font-size: 1.25rem; + } + .p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); + } + + .p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + } + .p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * { + opacity: 0.38; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus { + background: #f6f6f6; + } + .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); + } + .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-progressbar { + border-radius: 0; + } + .p-progressbar .p-progressbar-label { + display: none !important; + } + + .p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #3F51B5; + } + .p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); + } + .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); + } + .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; + } + + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { + border-radius: 50%; + width: 2rem; + height: 2rem; + align-items: center; + display: inline-flex; + justify-content: center; + } + .p-rating .p-rating-item.p-focus { + background: rgba(63, 81, 181, 0.12); + } + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { + background: rgba(176, 0, 32, 0.12); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { + background-color: rgba(0, 0, 0, 0.04); + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { + background: rgba(176, 0, 32, 0.04); + } + + .p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; + } + .p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; + } + + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); + } + .p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); + } + + .p-steps { + padding: 1rem 0; + } + .p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; + } + .p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; + } + .p-steps .p-steps-item:last-child { + flex-grow: 0; + } + .p-steps .p-steps-item:last-child:before { + display: none; + } + .p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 1rem 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #3F51B5; + color: #ffffff; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(63, 81, 181, 0.12); + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #3F51B5; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-toolbar { + border: 0 none; + } + + .p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + } + .p-tooltip .p-tooltip-arrow { + display: none; + } + + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.12); + } + + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { + background-image: none; + background: transparent; + } + .p-treeselect .p-treeselect-label { + border: 0 none; + } + .p-treeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + } + + .p-treeselect-item .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + + .p-input-filled .p-treeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; + } + .p-input-filled .p-treeselect .p-inputtext { + background-image: none; + background-color: transparent; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + .p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; + } + .p-input-filled .p-treeselect .p-treeselect-label:hover { + background-image: none; + background: transparent; + } + + .p-float-label .p-treeselect-label .p-treeselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .p-input-filled .p-float-label .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + } + .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { + font-size: 75%; + } + .p-input-filled .p-treeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); + } + + .p-treeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; + } + + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + background: rgba(0, 0, 0, 0.12); + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { + background: rgba(63, 81, 181, 0.24); + } + + .p-treetable .p-sortable-column { + outline: 0 none; + } + .p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); + } + .p-treetable .p-treetable-tbody > tr { + outline: 0 none; + } + .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); + } + + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(63, 81, 181, 0.16); + } + .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); + } + .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #3F51B5; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; + } + + .p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; + } + .p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; + } + + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(63, 81, 181, 0.12); + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(63, 81, 181, 0.16); + } + .p-splitbutton.p-button-outlined > .p-button { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active { + box-shadow: inset 0 0 0 1px; + } + .p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton { + margin-left: -1px; + width: calc(2.75rem + 1px); + } + .p-splitbutton.p-disabled.p-button-text > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + } + .p-splitbutton.p-disabled.p-button-outlined > .p-button { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; + } + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(255, 64, 129, 0.12); + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(255, 64, 129, 0.16); + } + + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(33, 150, 243, 0.12); + } + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(33, 150, 243, 0.16); + } + + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(104, 159, 56, 0.12); + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(104, 159, 56, 0.16); + } + + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(251, 192, 45, 0.12); + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 192, 45, 0.16); + } + + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(156, 39, 176, 0.12); + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(156, 39, 176, 0.16); + } + + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { + background: rgba(211, 47, 47, 0.12); + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(211, 47, 47, 0.16); + } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(255, 64, 129, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } +} +/* Customizations to the designer theme should be defined here */ diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff new file mode 100644 index 00000000..8f9e9a2c Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff2 b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff2 new file mode 100644 index 00000000..92f0c24b Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Bold.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff new file mode 100644 index 00000000..5b2a54a2 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff2 b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff2 new file mode 100644 index 00000000..d727339a Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Medium.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff new file mode 100644 index 00000000..9bcea427 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff2 new file mode 100644 index 00000000..fa1c495c Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-Regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff new file mode 100644 index 00000000..11e37acc Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff2 b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff2 new file mode 100644 index 00000000..9a0127c8 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/mira/fonts/Inter-SemiBold.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/mira/theme.css b/booklore-ui/src/assets/layout/styles/theme/mira/theme.css new file mode 100644 index 00000000..fc3403c9 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/mira/theme.css @@ -0,0 +1,6629 @@ +: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/booklore-ui/src/assets/layout/styles/theme/nano/theme.css b/booklore-ui/src/assets/layout/styles/theme/nano/theme.css new file mode 100644 index 00000000..90cc7698 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/nano/theme.css @@ -0,0 +1,6402 @@ +: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/booklore-ui/src/assets/layout/styles/theme/nova-accent/theme.css b/booklore-ui/src/assets/layout/styles/theme/nova-accent/theme.css new file mode 100644 index 00000000..456b28dc --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/nova-accent/theme.css @@ -0,0 +1,6392 @@ +: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/booklore-ui/src/assets/layout/styles/theme/nova-alt/theme.css b/booklore-ui/src/assets/layout/styles/theme/nova-alt/theme.css new file mode 100644 index 00000000..2e286038 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/nova-alt/theme.css @@ -0,0 +1,6394 @@ +: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/booklore-ui/src/assets/layout/styles/theme/nova/theme.css b/booklore-ui/src/assets/layout/styles/theme/nova/theme.css new file mode 100644 index 00000000..b1bfbf25 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/nova/theme.css @@ -0,0 +1,6382 @@ +: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/booklore-ui/src/assets/layout/styles/theme/rhea/theme.css b/booklore-ui/src/assets/layout/styles/theme/rhea/theme.css new file mode 100644 index 00000000..aa7bcbb9 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/rhea/theme.css @@ -0,0 +1,6370 @@ +: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/booklore-ui/src/assets/layout/styles/theme/saga-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/saga-blue/theme.css new file mode 100644 index 00000000..b7372bfa --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/saga-blue/theme.css @@ -0,0 +1,6419 @@ +: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/booklore-ui/src/assets/layout/styles/theme/saga-green/theme.css b/booklore-ui/src/assets/layout/styles/theme/saga-green/theme.css new file mode 100644 index 00000000..0f199246 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/saga-green/theme.css @@ -0,0 +1,6419 @@ +: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/booklore-ui/src/assets/layout/styles/theme/saga-orange/theme.css b/booklore-ui/src/assets/layout/styles/theme/saga-orange/theme.css new file mode 100644 index 00000000..a6e90ee1 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/saga-orange/theme.css @@ -0,0 +1,6419 @@ +: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/booklore-ui/src/assets/layout/styles/theme/saga-purple/theme.css b/booklore-ui/src/assets/layout/styles/theme/saga-purple/theme.css new file mode 100644 index 00000000..0babb3a4 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/saga-purple/theme.css @@ -0,0 +1,6419 @@ +: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/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff new file mode 100644 index 00000000..587183aa Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 new file mode 100644 index 00000000..753feded Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff new file mode 100644 index 00000000..9e898fb9 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..91b81496 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff new file mode 100644 index 00000000..bddb8b0d Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..76542d60 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-dark/theme.css b/booklore-ui/src/assets/layout/styles/theme/soho-dark/theme.css new file mode 100644 index 00000000..6b93dcac --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/soho-dark/theme.css @@ -0,0 +1,6395 @@ +:root { + font-family: Lato, Helvetica, sans-serif; + --font-family: Lato, Helvetica, sans-serif; + --surface-a: #282936; + --surface-b: #1d1e27; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #3e4053; + --surface-e: #282936; + --surface-f: #282936; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #b19df7; + --primary-color-text: #1c1d26; + --surface-0: #1d1e27; + --surface-50: #34343d; + --surface-100: #4a4b52; + --surface-200: #616268; + --surface-300: #77787d; + --surface-400: #8e8f93; + --surface-500: #a5a5a9; + --surface-600: #bbbcbe; + --surface-700: #d2d2d4; + --surface-800: #e8e9e9; + --surface-900: #ffffff; + --gray-50: #e8e9e9; + --gray-100: #d2d2d4; + --gray-200: #bbbcbe; + --gray-300: #a5a5a9; + --gray-400: #8e8f93; + --gray-500: #77787d; + --gray-600: #616268; + --gray-700: #4a4b52; + --gray-800: #34343d; + --gray-900: #1d1e27; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #1d1e27; + --surface-section: #1d1e27; + --surface-card: #282936; + --surface-overlay: #282936; + --surface-border: #3e4053; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(177, 157, 247, 0.16); + --highlight-text-color: #b19df7; + --focus-ring: 0 0 0 1px #e0d8fc; + color-scheme: dark; +} + +/* lato-300 - latin-ext_latin */ +@font-face { + font-family: "Lato"; + font-style: normal; + font-weight: 300; + src: local("Lato Light"), local("Lato-Light"), url("./fonts/lato-v17-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-300.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* lato-regular - latin-ext_latin */ +@font-face { + font-family: "Lato"; + font-style: normal; + font-weight: 400; + src: local("Lato Regular"), local("Lato-Regular"), url("./fonts/lato-v17-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* lato-700 - latin-ext_latin */ +@font-face { + font-family: "Lato"; + font-style: normal; + font-weight: 700; + src: local("Lato Bold"), local("Lato-Bold"), url("./fonts/lato-v17-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f6fbfe; + --blue-100:#d6ecfc; + --blue-200:#b5ddfa; + --blue-300:#95cef8; + --blue-400:#74bff5; + --blue-500:#54b0f3; + --blue-600:#4796cf; + --blue-700:#3b7baa; + --blue-800:#2e6186; + --blue-900:#224661; + --green-50:#f4fcf8; + --green-100:#ccf2dc; + --green-200:#a3e7c1; + --green-300:#7adca6; + --green-400:#52d28a; + --green-500:#29c76f; + --green-600:#23a95e; + --green-700:#1d8b4e; + --green-800:#176d3d; + --green-900:#10502c; + --yellow-50:#fefdf6; + --yellow-100:#fcf4d6; + --yellow-200:#faebb5; + --yellow-300:#f8e295; + --yellow-400:#f5d974; + --yellow-500:#f3d054; + --yellow-600:#cfb147; + --yellow-700:#aa923b; + --yellow-800:#86722e; + --yellow-900:#615322; + --cyan-50:#f5fcfd; + --cyan-100:#d1f2f5; + --cyan-200:#ace8ed; + --cyan-300:#87dee6; + --cyan-400:#63d3de; + --cyan-500:#3ec9d6; + --cyan-600:#35abb6; + --cyan-700:#2b8d96; + --cyan-800:#226f76; + --cyan-900:#195056; + --pink-50:#fef6f7; + --pink-100:#fad6d6; + --pink-200:#f6b5b6; + --pink-300:#f29596; + --pink-400:#ee7475; + --pink-500:#ea5455; + --pink-600:#c74748; + --pink-700:#a43b3c; + --pink-800:#812e2f; + --pink-900:#5e2222; + --indigo-50:#f6f7fe; + --indigo-100:#d6dafc; + --indigo-200:#b5bcfa; + --indigo-300:#959ff8; + --indigo-400:#7481f5; + --indigo-500:#5464f3; + --indigo-600:#4755cf; + --indigo-700:#3b46aa; + --indigo-800:#2e3786; + --indigo-900:#222861; + --teal-50:#f3fcf9; + --teal-100:#c5f1e1; + --teal-200:#97e5c9; + --teal-300:#69dab1; + --teal-400:#3bce99; + --teal-500:#0dc381; + --teal-600:#0ba66e; + --teal-700:#09895a; + --teal-800:#076b47; + --teal-900:#054e34; + --orange-50:#fffaf6; + --orange-100:#ffe8d2; + --orange-200:#ffd6ae; + --orange-300:#ffc38a; + --orange-400:#ffb166; + --orange-500:#ff9f42; + --orange-600:#d98738; + --orange-700:#b36f2e; + --orange-800:#8c5724; + --orange-900:#66401a; + --bluegray-50:#f7f8fa; + --bluegray-100:#dbdfe8; + --bluegray-200:#bec5d6; + --bluegray-300:#a1abc4; + --bluegray-400:#8592b2; + --bluegray-500:#6878a0; + --bluegray-600:#586688; + --bluegray-700:#495470; + --bluegray-800:#394258; + --bluegray-900:#2a3040; + --purple-50:#f8f6fe; + --purple-100:#ddd6fc; + --purple-200:#c2b5fa; + --purple-300:#a895f8; + --purple-400:#8d74f5; + --purple-500:#7254f3; + --purple-600:#6147cf; + --purple-700:#503baa; + --purple-800:#3f2e86; + --purple-900:#2e2261; + --red-50:#fff5f6; + --red-100:#ffcfd4; + --red-200:#ffa9b2; + --red-300:#ff848f; + --red-400:#ff5e6d; + --red-500:#ff384b; + --red-600:#d93040; + --red-700:#b32735; + --red-800:#8c1f29; + --red-900:#66161e; + --primary-50:#fbfaff; + --primary-100:#ece7fd; + --primary-200:#ddd5fc; + --primary-300:#cfc2fa; + --primary-400:#c0b0f9; + --primary-500:#b19df7; + --primary-600:#9685d2; + --primary-700:#7c6ead; + --primary-800:#615688; + --primary-900:#473f63; +} + +.p-editor-container .p-editor-toolbar { + background: #282936; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3e4053; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #282936; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #3e4053; +} +.p-editor-container .p-editor-content .ql-editor { + background: #1d1e27; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #b19df7; +} +.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: #b19df7; +} +.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: #b19df7; +} +.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: #b19df7; +} + +@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.4; + } + + .p-error { + color: #ff9a9a; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 1px #e0d8fc; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #b19df7; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #3e4053; + color: rgba(255, 255, 255, 0.87); + 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: #4c4d5f; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ff9a9a; + } + + .p-autocomplete-panel { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + 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.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #333544; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ff9a9a; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ff9a9a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + + .p-datepicker { + padding: 0.5rem; + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #282936; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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: #282936; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #282936; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #3e4053; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #e0d8fc; + } + .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: rgba(255, 255, 255, 0.87); + 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: #b19df7; + } + .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: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #b19df7; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #3e4053; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3e4053; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3e4053; + 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: rgba(255, 255, 255, 0.03); + } + .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 1px #e0d8fc; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #e0d8fc; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #e0d8fc; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #1d1e27; + border: 1px solid #3e4053; + 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: #b19df7; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ff9a9a; + } + .p-cascadeselect.p-variant-filled { + background-color: #3e4053; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #3e4053; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #3e4053; + } + + .p-cascadeselect-panel { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + 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.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: 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: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #3e4053; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #3e4053; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #3e4053; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ff9a9a; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #3e4053; + background: #1d1e27; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + 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: #1c1d26; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #b19df7; + background: #b19df7; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #b19df7; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #9378f4; + background: #9378f4; + color: #1c1d26; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #3e4053; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #b19df7; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3e4053; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9378f4; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ff9a9a; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #3e4053; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #b19df7; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3e4053; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #9378f4; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ff9a9a; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #b19df7; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #3e4053; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #4c4d5f; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ff9a9a; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #282936; + border: 1px solid #3e4053; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #1d1e27; + border: 1px solid #3e4053; + 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: #b19df7; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ff9a9a; + } + .p-dropdown.p-variant-filled { + background-color: #3e4053; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #3e4053; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #3e4053; + } + + .p-dropdown-panel { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + 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.75rem 1.25rem; + border-bottom: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + background: #282936; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #333544; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #3e4053; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #3e4053; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #3e4053; + } + .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: #ff9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #282936; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #3e4053; + border-left: 1px solid #3e4053; + border-bottom: 1px solid #3e4053; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3e4053; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ff9a9a; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #3e4053; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #3e4053; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #3e4053; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ff9a9a; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #3e4053; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #3e4053; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #3e4053; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #3e4053; + 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: rgba(255, 255, 255, 0.6); + 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 1px #e0d8fc; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #b19df7; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #a28af5; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ff9a9a; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1d1e27; + padding: 0.75rem 0.75rem; + border: 1px solid #3e4053; + 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: #b19df7; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ff9a9a; + } + .p-inputtext.p-variant-filled { + background-color: #3e4053; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #3e4053; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #3e4053; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ff9a9a; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #3e4053; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #3e4053; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #3e4053; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + 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.75rem 1.25rem; + border-bottom: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + background: #282936; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #333544; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ff9a9a; + } + + .p-multiselect { + background: #1d1e27; + border: 1px solid #3e4053; + 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: #b19df7; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #3e4053; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #3e4053; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #3e4053; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #3e4053; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + 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.75rem 1.25rem; + border-bottom: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + background: #282936; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #333544; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #3e4053; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #3e4053; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #3e4053; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ff9a9a; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ff9a9a; + } + + .p-password-panel { + padding: 1.25rem; + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3e4053; + } + .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.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #3e4053; + background: #1d1e27; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + 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: #b19df7; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #1c1d26; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #b19df7; + background: #b19df7; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #9378f4; + background: #9378f4; + color: #1c1d26; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #3e4053; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3e4053; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #b19df7; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #9378f4; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ff9a9a; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #3e4053; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #3e4053; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #b19df7; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #9378f4; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #b19df7; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #b19df7; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #282936; + border: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3e4053; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #b19df7; + border-color: #b19df7; + color: #1c1d26; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #1c1d26; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #a28af5; + border-color: #a28af5; + color: #1c1d26; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #1c1d26; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ff9a9a; + } + + .p-slider { + background: #3e4053; + border: 0 none; + border-radius: 6px; + } + .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: #3e4053; + border: 2px solid #b19df7; + 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 1px #e0d8fc; + } + .p-slider .p-slider-range { + background: #b19df7; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #b19df7; + border-color: #b19df7; + } + .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: #282936; + border: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3e4053; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #b19df7; + border-color: #b19df7; + color: #1c1d26; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #1c1d26; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #a28af5; + border-color: #a28af5; + color: #1c1d26; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #1c1d26; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ff9a9a; + } + + .p-treeselect { + background: #1d1e27; + border: 1px solid #3e4053; + 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: #b19df7; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #3e4053; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #3e4053; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #3e4053; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #3e4053; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ff9a9a; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + 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.75rem 1.25rem; + border-bottom: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + background: #282936; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #3e4053; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #3e4053; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #3e4053; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #1c1d26; + background: #b19df7; + border: 1px solid #b19df7; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #a28af5; + color: #1c1d26; + border-color: #a28af5; + } + .p-button:not(:disabled):active { + background: #9378f4; + color: #1c1d26; + border-color: #9378f4; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #b19df7; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(177, 157, 247, 0.04); + color: #b19df7; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #b19df7; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(177, 157, 247, 0.04); + color: #b19df7; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .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: #b19df7; + background-color: #1c1d26; + } + .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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #1d1e27; + background: #d4ea93; + border: 1px solid #d4ea93; + } + .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: #c7e473; + color: #1d1e27; + border-color: #c7e473; + } + .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 1px #e1f0b3; + } + .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: #bbde53; + color: #1d1e27; + border-color: #bbde53; + } + .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: #d4ea93; + 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, 234, 147, 0.04); + color: #d4ea93; + 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, 234, 147, 0.16); + color: #d4ea93; + 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: #d4ea93; + 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, 234, 147, 0.04); + border-color: transparent; + color: #d4ea93; + } + .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, 234, 147, 0.16); + border-color: transparent; + color: #d4ea93; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #1d1e27; + background: #9bcaff; + border: 1px solid #9bcaff; + } + .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: #72b4ff; + color: #1d1e27; + border-color: #72b4ff; + } + .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 1px #b9daff; + } + .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: #499fff; + color: #1d1e27; + border-color: #499fff; + } + .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: #9bcaff; + 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(155, 202, 255, 0.04); + color: #9bcaff; + 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(155, 202, 255, 0.16); + color: #9bcaff; + 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: #9bcaff; + 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(155, 202, 255, 0.04); + border-color: transparent; + color: #9bcaff; + } + .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(155, 202, 255, 0.16); + border-color: transparent; + color: #9bcaff; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #1d1e27; + background: #93deac; + border: 1px solid #93deac; + } + .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: #77d596; + color: #1d1e27; + border-color: #77d596; + } + .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 1px #b3e8c5; + } + .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: #5acd81; + color: #1d1e27; + border-color: #5acd81; + } + .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: #93deac; + 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(147, 222, 172, 0.04); + color: #93deac; + 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(147, 222, 172, 0.16); + color: #93deac; + 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: #93deac; + 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(147, 222, 172, 0.04); + border-color: transparent; + color: #93deac; + } + .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(147, 222, 172, 0.16); + border-color: transparent; + color: #93deac; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #1d1e27; + background: #ffcf91; + border: 1px solid #ffcf91; + } + .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: #ffbe69; + color: #1d1e27; + border-color: #ffbe69; + } + .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 1px #ffddb2; + } + .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: #ffac41; + color: #1d1e27; + border-color: #ffac41; + } + .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: #ffcf91; + 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, 207, 145, 0.04); + color: #ffcf91; + 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, 207, 145, 0.16); + color: #ffcf91; + 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: #ffcf91; + 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, 207, 145, 0.04); + border-color: transparent; + color: #ffcf91; + } + .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, 207, 145, 0.16); + border-color: transparent; + color: #ffcf91; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #1d1e27; + background: #86e0e7; + border: 1px solid #86e0e7; + } + .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: #68d8e1; + color: #1d1e27; + border-color: #68d8e1; + } + .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 #aae9ee; + } + .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: #49d0db; + color: #1d1e27; + border-color: #49d0db; + } + .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: #86e0e7; + 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(134, 224, 231, 0.04); + color: #86e0e7; + 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(134, 224, 231, 0.16); + color: #86e0e7; + 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: #86e0e7; + 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(134, 224, 231, 0.04); + border-color: transparent; + color: #86e0e7; + } + .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(134, 224, 231, 0.16); + border-color: transparent; + color: #86e0e7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #1d1e27; + background: #eb9a9c; + border: 1px solid #eb9a9c; + } + .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: #e57a7c; + color: #1d1e27; + border-color: #e57a7c; + } + .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 1px #f1b8ba; + } + .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: #de595c; + color: #1d1e27; + border-color: #de595c; + } + .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: #eb9a9c; + 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(235, 154, 156, 0.04); + color: #eb9a9c; + 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(235, 154, 156, 0.16); + color: #eb9a9c; + 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: #eb9a9c; + 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(235, 154, 156, 0.04); + border-color: transparent; + color: #eb9a9c; + } + .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(235, 154, 156, 0.16); + border-color: transparent; + color: #eb9a9c; + } + + .p-button.p-button-link { + color: #b19df7; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #b19df7; + 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 #e0d8fc; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #b19df7; + 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 1px #e0d8fc; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #1d1e27; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #1d1e27; + } + + .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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #e0d8fc; + } + .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: #3e4053; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #282936; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #282936; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #282936; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b19df7; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #b19df7; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #e0d8fc; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #282936; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #3e4053; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #e0d8fc; + } + .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 #e0d8fc; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(177, 157, 247, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(177, 157, 247, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #b19df7; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #282936; + } + .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: #282936; + } + .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: #2b2c38; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #b19df7; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #b19df7; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #282936; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + + .p-column-filter-overlay { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + 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.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 #e0d8fc; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3e4053; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + background: #282936; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #3e4053; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #282936; + border: 1px solid #3e4053; + border-radius: 6px; + 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 1px #e0d8fc; + border-color: #b19df7; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #282936; + border: 1px solid #3e4053; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3e4053; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #282936; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(83, 39, 237, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3e4053; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3e4053; + border-color: #3e4053; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3e4053; + border-color: #3e4053; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3e4053; + background: #282936; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .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 1px #e0d8fc; + } + + .p-paginator { + background: #282936; + color: rgba(255, 255, 255, 0.6); + border: solid #3e4053; + border-width: 1px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .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.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(177, 157, 247, 0.16); + border-color: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #282936; + border: 1px solid #3e4053; + border-radius: 6px; + 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 1px #e0d8fc; + border-color: #b19df7; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #282936; + border: 1px solid #3e4053; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3e4053; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.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: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #282936; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #b19df7; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1c1d26; + } + .p-timeline .p-timeline-event-connector { + background-color: #3e4053; + } + .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 #3e4053; + background: #282936; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #e0d8fc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #e0d8fc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #3e4053; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #b19df7; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #3e4053; + } + .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: #9378f4; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .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: #b19df7; + } + .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: #b19df7; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(118, 82, 241, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3e4053; + background-color: #282936; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #b19df7; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #282936; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #282936; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #282936; + } + .p-treetable .p-sortable-column { + outline-color: #e0d8fc; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b19df7; + } + .p-treetable .p-treetable-tbody > tr { + background: #282936; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #3e4053; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #b19df7; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #3e4053; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #9378f4; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #e0d8fc; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #b19df7; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #b19df7; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #b19df7; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #282936; + } + .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: #282936; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + background: #282936; + font-weight: 700; + 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 0 0 1px #e0d8fc; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #3e4053; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #282936; + border-color: #3e4053; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #3e4053; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #3e4053; + background: #282936; + color: rgba(255, 255, 255, 0.87); + 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: 4px; + } + + .p-card { + background: #282936; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #282936; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3e4053; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3e4053; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3e4053; + background: #282936; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + background: #282936; + font-weight: 700; + 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: 1.25rem; + color: rgba(255, 255, 255, 0.87); + 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 0 0 1px #e0d8fc; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3e4053; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3e4053; + padding: 1.25rem; + background: #282936; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #3e4053; + background: #282936; + color: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + border: 1px solid #3e4053; + background: #282936; + color: rgba(255, 255, 255, 0.87); + 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: #3e4053; + 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 1px #e0d8fc; + } + + .p-splitter { + border: 1px solid #3e4053; + background: #282936; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3e4053; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3e4053; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #3e4053; + 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 #3e4053; + border-width: 0 0 2px 0; + border-color: transparent transparent #3e4053 transparent; + background: #282936; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 1px #e0d8fc; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #282936; + border-color: #b19df7; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #282936; + border-color: #b19df7; + color: #b19df7; + } + .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: #282936; + color: #b19df7; + width: 3rem; + 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 1px #e0d8fc; + } + .p-tabview .p-tabview-panels { + background: #282936; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #282936; + border: 1px solid #3e4053; + padding: 1.25rem; + border-radius: 6px; + 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 1px #e0d8fc; + } + + .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: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 1px #e0d8fc; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #b19df7; + } + .p-stepper .p-stepper-panels { + background: #282936; + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #3e4053; + 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: #282936; + color: rgba(255, 255, 255, 0.87); + } + .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: #b19df7; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-radius: 6px; + 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: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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(40, 41, 54, 0); + border-bottom-color: #282936; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(62, 64, 83, 0); + border-bottom-color: #3e4053; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #282936; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3e4053; + } + .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 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: 1px solid #3e4053; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #282936; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #282936; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #282936; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-radius: 6px; + 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: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #b19df7; + color: #1c1d26; + 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: #a28af5; + color: #1c1d26; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(40, 41, 54, 0); + border-bottom-color: #282936; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(62, 64, 83, 0); + border-bottom-color: #3b3d4f; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #282936; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3e4053; + } + + .p-sidebar { + background: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + 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: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #e0d8fc; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #3e4053; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #3e4053; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3e4053; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3e4053; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3e4053; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #282936; + padding: 1.25rem; + border: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + 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 0 0 1px #e0d8fc; + } + .p-fileupload .p-fileupload-content { + background: #282936; + padding: 2rem 1rem; + border: 1px solid #3e4053; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #b19df7; + border-style: dashed; + background-color: rgba(177, 157, 247, 0.16); + } + .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: #a28af5; + color: #1c1d26; + border-color: #a28af5; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #9378f4; + color: #1c1d26; + border-color: #9378f4; + } + + .p-breadcrumb { + background: #333544; + border: 1px solid #3e4053; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 1px #e0d8fc; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #333544; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #333544; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; + } + .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: #b19df7; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3e4053; + 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: inset 0 0 0 0.15rem #e0d8fc; + } + .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: #333544; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; + } + .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: #b19df7; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #333544; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #333544; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3e4053; + 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: rgba(255, 255, 255, 0.87); + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #333544; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; + } + .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: #b19df7; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #333544; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #333544; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3e4053; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #b19df7; + color: #1c1d26; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #333544; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; + } + .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: #b19df7; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #333544; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3e4053; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #333544; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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 #3e4053; + 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 #3e4053; + color: rgba(255, 255, 255, 0.87); + background: #282936; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + 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 1px #e0d8fc; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #3e4053; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #282936; + border-color: #3e4053; + color: rgba(255, 255, 255, 0.87); + 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: #3e4053; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #3e4053; + background: #282936; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; + } + .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: #b19df7; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #3e4053; + 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.25rem 0; + background: #333544; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; + } + .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: #b19df7; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #333544; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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: #333544; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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 #3e4053; + 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 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e0d8fc; + } + .p-slidemenu .p-menuitem-badge { + background: #b19df7; + color: #1c1d26; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3e4053; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #3e4053; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #b19df7; + color: #1c1d26; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3e4053; + border-width: 0 0 2px 0; + border-color: transparent transparent #3e4053 transparent; + background: #282936; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + 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 0 0 1px #e0d8fc; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #282936; + border-color: #b19df7; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #282936; + border-color: #b19df7; + color: #b19df7; + } + .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: #282936; + color: #b19df7; + width: 3rem; + 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 1px #e0d8fc; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #333544; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #333544; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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: #333544; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; + } + .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: #b19df7; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3e4053; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 1px; + color: #696cff; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; + } + .p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 1px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 1px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 1px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 1px #e0d8fc; + } + .p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; + } + .p-message.p-message-info .p-message-icon { + color: #696cff; + } + .p-message.p-message-info .p-message-close { + color: #696cff; + } + .p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 400; + } + .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: none; + border-radius: 6px; + } + .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 1px #e0d8fc; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; + } + .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: #696cff; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + + .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: #3e4053; + 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: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(177, 157, 247, 0.16); + color: #b19df7; + } + .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 1px #e0d8fc; + } + + .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: #3e4053; + 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 #282936; + } + + .p-badge { + background: #b19df7; + color: #1c1d26; + 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: #93deac; + color: #1d1e27; + } + .p-badge.p-badge-info { + background-color: #9bcaff; + color: #1d1e27; + } + .p-badge.p-badge-warning { + background-color: #ffcf91; + color: #1d1e27; + } + .p-badge.p-badge-danger { + background-color: #eb9a9c; + color: #1d1e27; + } + .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: #3e4053; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 1px #e0d8fc; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + + .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: #3e4053; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #b19df7; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #b19df7; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #3e4053; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #b19df7; + } + .p-progressbar .p-progressbar-label { + color: #1c1d26; + 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(177, 157, 247, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(177, 157, 247, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #b19df7; + } + .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: #b19df7; + color: #1c1d26; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #93deac; + color: #1d1e27; + } + .p-tag.p-tag-info { + background-color: #9bcaff; + color: #1d1e27; + } + .p-tag.p-tag-warning { + background-color: #ffcf91; + color: #1d1e27; + } + .p-tag.p-tag-danger { + background-color: #eb9a9c; + color: #1d1e27; + } + .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: #282936; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #3e4053; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #b19df7; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #b19df7; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #b19df7; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #b19df7; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #b19df7; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff new file mode 100644 index 00000000..587183aa Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 new file mode 100644 index 00000000..753feded Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff new file mode 100644 index 00000000..9e898fb9 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..91b81496 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff new file mode 100644 index 00000000..bddb8b0d Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..76542d60 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/soho-light/theme.css b/booklore-ui/src/assets/layout/styles/theme/soho-light/theme.css new file mode 100644 index 00000000..00892dc0 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/soho-light/theme.css @@ -0,0 +1,6449 @@ +:root { + font-family: Lato, Helvetica, sans-serif; + --font-family: Lato, Helvetica, sans-serif; + --surface-a: #ffffff; + --surface-b: #eff3f8; + --surface-c: #f6f9fc; + --surface-d: #dfe7ef; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #043d75; + --text-color-secondary: #708da9; + --primary-color: #7254f3; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f1f4f6; + --surface-100: #e2e8ee; + --surface-200: #c6d1dd; + --surface-300: #a9bbcb; + --surface-400: #8da4ba; + --surface-500: #708da9; + --surface-600: #5a7187; + --surface-700: #435565; + --surface-800: #2d3844; + --surface-900: #161c22; + --gray-50: #f1f4f6; + --gray-100: #e2e8ee; + --gray-200: #c6d1dd; + --gray-300: #a9bbcb; + --gray-400: #8da4ba; + --gray-500: #708da9; + --gray-600: #5a7187; + --gray-700: #435565; + --gray-800: #2d3844; + --gray-900: #161c22; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #eff3f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #e2dcfc; + --highlight-text-color: #7254f3; + --focus-ring: 0 0 0 1px #c7bbfa; + color-scheme: light; +} + +/* lato-300 - latin-ext_latin */ +@font-face { + font-family: "Lato"; + font-style: normal; + font-weight: 300; + src: local("Lato Light"), local("Lato-Light"), url("./fonts/lato-v17-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-300.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* lato-regular - latin-ext_latin */ +@font-face { + font-family: "Lato"; + font-style: normal; + font-weight: 400; + src: local("Lato Regular"), local("Lato-Regular"), url("./fonts/lato-v17-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* lato-700 - latin-ext_latin */ +@font-face { + font-family: "Lato"; + font-style: normal; + font-weight: 700; + src: local("Lato Bold"), local("Lato-Bold"), url("./fonts/lato-v17-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/lato-v17-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f6fbfe; + --blue-100:#d6ecfc; + --blue-200:#b5ddfa; + --blue-300:#95cef8; + --blue-400:#74bff5; + --blue-500:#54b0f3; + --blue-600:#4796cf; + --blue-700:#3b7baa; + --blue-800:#2e6186; + --blue-900:#224661; + --green-50:#f4fcf8; + --green-100:#ccf2dc; + --green-200:#a3e7c1; + --green-300:#7adca6; + --green-400:#52d28a; + --green-500:#29c76f; + --green-600:#23a95e; + --green-700:#1d8b4e; + --green-800:#176d3d; + --green-900:#10502c; + --yellow-50:#fefdf6; + --yellow-100:#fcf4d6; + --yellow-200:#faebb5; + --yellow-300:#f8e295; + --yellow-400:#f5d974; + --yellow-500:#f3d054; + --yellow-600:#cfb147; + --yellow-700:#aa923b; + --yellow-800:#86722e; + --yellow-900:#615322; + --cyan-50:#f5fcfd; + --cyan-100:#d1f2f5; + --cyan-200:#ace8ed; + --cyan-300:#87dee6; + --cyan-400:#63d3de; + --cyan-500:#3ec9d6; + --cyan-600:#35abb6; + --cyan-700:#2b8d96; + --cyan-800:#226f76; + --cyan-900:#195056; + --pink-50:#fef6f7; + --pink-100:#fad6d6; + --pink-200:#f6b5b6; + --pink-300:#f29596; + --pink-400:#ee7475; + --pink-500:#ea5455; + --pink-600:#c74748; + --pink-700:#a43b3c; + --pink-800:#812e2f; + --pink-900:#5e2222; + --indigo-50:#f6f7fe; + --indigo-100:#d6dafc; + --indigo-200:#b5bcfa; + --indigo-300:#959ff8; + --indigo-400:#7481f5; + --indigo-500:#5464f3; + --indigo-600:#4755cf; + --indigo-700:#3b46aa; + --indigo-800:#2e3786; + --indigo-900:#222861; + --teal-50:#f3fcf9; + --teal-100:#c5f1e1; + --teal-200:#97e5c9; + --teal-300:#69dab1; + --teal-400:#3bce99; + --teal-500:#0dc381; + --teal-600:#0ba66e; + --teal-700:#09895a; + --teal-800:#076b47; + --teal-900:#054e34; + --orange-50:#fffaf6; + --orange-100:#ffe8d2; + --orange-200:#ffd6ae; + --orange-300:#ffc38a; + --orange-400:#ffb166; + --orange-500:#ff9f42; + --orange-600:#d98738; + --orange-700:#b36f2e; + --orange-800:#8c5724; + --orange-900:#66401a; + --bluegray-50:#f7f8fa; + --bluegray-100:#dbdfe8; + --bluegray-200:#bec5d6; + --bluegray-300:#a1abc4; + --bluegray-400:#8592b2; + --bluegray-500:#6878a0; + --bluegray-600:#586688; + --bluegray-700:#495470; + --bluegray-800:#394258; + --bluegray-900:#2a3040; + --purple-50:#f8f6fe; + --purple-100:#ddd6fc; + --purple-200:#c2b5fa; + --purple-300:#a895f8; + --purple-400:#8d74f5; + --purple-500:#7254f3; + --purple-600:#6147cf; + --purple-700:#503baa; + --purple-800:#3f2e86; + --purple-900:#2e2261; + --red-50:#fff5f6; + --red-100:#ffcfd4; + --red-200:#ffa9b2; + --red-300:#ff848f; + --red-400:#ff5e6d; + --red-500:#ff384b; + --red-600:#d93040; + --red-700:#b32735; + --red-800:#8c1f29; + --red-900:#66161e; + --primary-50:#f8f6fe; + --primary-100:#ddd6fc; + --primary-200:#c2b5fa; + --primary-300:#a895f8; + --primary-400:#8d74f5; + --primary-500:#7254f3; + --primary-600:#6147cf; + --primary-700:#503baa; + --primary-800:#3f2e86; + --primary-900:#2e2261; +} + +.p-editor-container .p-editor-toolbar { + background: #eff3f8; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dfe7ef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #708da9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #708da9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #708da9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #043d75; + background: #f6f9fc; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.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 #dfe7ef; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #043d75; + 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: #043d75; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #043d75; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #043d75; +} +.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: #7254f3; +} +.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: #7254f3; +} +.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: #7254f3; +} +.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: #7254f3; +} + +@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: #ff6767; + } + + .p-text-secondary { + color: #708da9; + } + + .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 0 0 1px #c7bbfa; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #7254f3; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #043d75; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #dfe7ef; + color: #043d75; + 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: #d3dbe3; + color: #043d75; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ff6767; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #043d75; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #043d75; + 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: #7254f3; + background: #e2dcfc; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #043d75; + background: #dfe7ef; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #043d75; + background: #f6f9fc; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #708da9; + background: #eff3f8; + font-weight: 700; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #043d75; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ff6767; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #708da9; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #708da9; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ff6767; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + + .p-datepicker { + padding: 0.5rem; + background: linear-gradient(90deg, #7254f3 0%, #9554f3 100%); + color: #ffffff; + border: 0 none; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: linear-gradient(90deg, #7254f3 0%, #9554f3 100%); + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #ffffff; + background: linear-gradient(90deg, #7254f3 0%, #9554f3 100%); + font-weight: 700; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + 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: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .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 1px #c7bbfa; + } + .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: 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: #7254f3; + } + .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: #7254f3; + background: #e2dcfc; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .p-datepicker table td.p-datepicker-today > span { + background: rgba(255, 255, 255, 0.1); + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #7254f3; + background: #e2dcfc; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dfe7ef; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #dfe7ef; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .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: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #7254f3; + background: #e2dcfc; + } + .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: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #7254f3; + background: #e2dcfc; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dfe7ef; + 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: rgba(255, 255, 255, 0.2); + } + .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 1px #c7bbfa; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.2); + } + .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 1px #c7bbfa; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.2); + } + .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 1px #c7bbfa; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #708da9; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #708da9; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d3dbe3; + 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: #7254f3; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #708da9; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #708da9; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ff6767; + } + .p-cascadeselect.p-variant-filled { + background-color: #f6f9fc; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f6f9fc; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #043d75; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #043d75; + 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: #7254f3; + background: #e2dcfc; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #043d75; + background: #dfe7ef; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #043d75; + background: #f6f9fc; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f6f9fc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f6f9fc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ff6767; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #708da9; + right: 3rem; + } + + .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: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d3dbe3; + background: #ffffff; + width: 22px; + height: 22px; + color: #043d75; + border-radius: 6px; + 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: #7254f3; + background: #7254f3; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #7254f3; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #5935f1; + background: #5935f1; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f6f9fc; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #7254f3; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f6f9fc; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #5935f1; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ff6767; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f6f9fc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #7254f3; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f6f9fc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #5935f1; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ff6767; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #7254f3; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #dfe7ef; + color: #043d75; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d3dbe3; + color: #043d75; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #043d75; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ff6767; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #708da9; + right: 0.75rem; + } + + .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 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d3dbe3; + 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: #7254f3; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #708da9; + } + .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: #708da9; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #708da9; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ff6767; + } + .p-dropdown.p-variant-filled { + background-color: #f6f9fc; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f6f9fc; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #043d75; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dfe7ef; + color: #708da9; + background: #eff3f8; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #708da9; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #043d75; + 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: #7254f3; + background: #e2dcfc; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #043d75; + background: #dfe7ef; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #043d75; + background: #f6f9fc; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #708da9; + background: #eff3f8; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #043d75; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f6f9fc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f6f9fc; + } + .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: #ff6767; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f6f9fc; + color: #708da9; + border-top: 1px solid #d3dbe3; + border-left: 1px solid #d3dbe3; + border-bottom: 1px solid #d3dbe3; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d3dbe3; + } + + .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: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #708da9; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #708da9; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ff6767; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #708da9; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f6f9fc; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f6f9fc; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ff6767; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #708da9; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f6f9fc; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f6f9fc; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d3dbe3; + 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 1px #c7bbfa; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b8c5d2; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #7254f3; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6545f2; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ff6767; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #043d75; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d3dbe3; + 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: #7254f3; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ff6767; + } + .p-inputtext.p-variant-filled { + background-color: #f6f9fc; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f6f9fc; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #708da9; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ff6767; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #708da9; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #708da9; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #708da9; + } + + :-moz-placeholder { + color: #708da9; + } + + ::-moz-placeholder { + color: #708da9; + } + + :-ms-input-placeholder { + color: #708da9; + } + + .p-input-filled .p-inputtext { + background-color: #f6f9fc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f6f9fc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #043d75; + border: 1px solid #d3dbe3; + 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.75rem 1.25rem; + border-bottom: 1px solid #dfe7ef; + color: #708da9; + background: #eff3f8; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #708da9; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #043d75; + 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: #7254f3; + background: #e2dcfc; + } + .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 1.25rem; + color: #708da9; + background: #eff3f8; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #043d75; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #043d75; + background: #f6f9fc; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #043d75; + background: #f6f9fc; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #043d75; + background: #f6f9fc; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ff6767; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d3dbe3; + 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: #7254f3; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #708da9; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #dfe7ef; + color: #043d75; + 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: #708da9; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f6f9fc; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f6f9fc; + } + .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.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #708da9; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #043d75; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dfe7ef; + color: #708da9; + background: #eff3f8; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #708da9; + } + .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: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #043d75; + 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: #7254f3; + background: #e2dcfc; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #043d75; + background: #f6f9fc; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #043d75; + background: #f6f9fc; + } + .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 1.25rem; + color: #708da9; + background: #eff3f8; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #043d75; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f6f9fc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f6f9fc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ff6767; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ff6767; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #043d75; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dfe7ef; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #708da9; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #708da9; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d3dbe3; + background: #ffffff; + width: 22px; + height: 22px; + color: #043d75; + 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: #7254f3; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .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: #7254f3; + background: #7254f3; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #5935f1; + background: #5935f1; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f6f9fc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f6f9fc; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #7254f3; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #5935f1; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ff6767; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f6f9fc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f6f9fc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #7254f3; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #5935f1; + } + + .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: #043d75; + 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: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #7254f3; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #7254f3; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d3dbe3; + color: #043d75; + 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: #708da9; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f9fc; + border-color: #d3dbe3; + color: #043d75; + } + .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: #708da9; + } + .p-selectbutton .p-button.p-highlight { + background: #7254f3; + border-color: #7254f3; + 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: #6545f2; + border-color: #6545f2; + 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: #ff6767; + } + + .p-slider { + background: #dfe7ef; + border: 0 none; + border-radius: 6px; + } + .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 #7254f3; + 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 1px #c7bbfa; + } + .p-slider .p-slider-range { + background: #7254f3; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #7254f3; + border-color: #7254f3; + } + .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 #d3dbe3; + color: #043d75; + 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: #708da9; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f9fc; + border-color: #d3dbe3; + color: #043d75; + } + .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: #708da9; + } + .p-togglebutton.p-button.p-highlight { + background: #7254f3; + border-color: #7254f3; + 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: #6545f2; + border-color: #6545f2; + 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: #ff6767; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d3dbe3; + 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: #7254f3; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #708da9; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #dfe7ef; + color: #043d75; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #708da9; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f6f9fc; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f6f9fc; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ff6767; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #043d75; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dfe7ef; + color: #708da9; + background: #eff3f8; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #708da9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .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 1.25rem; + color: #043d75; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f6f9fc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f6f9fc; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #708da9; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #7254f3; + border: 1px solid #7254f3; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #6545f2; + color: #ffffff; + border-color: #6545f2; + } + .p-button:not(:disabled):active { + background: #5935f1; + color: #ffffff; + border-color: #5935f1; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #7254f3; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(114, 84, 243, 0.04); + color: #7254f3; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(114, 84, 243, 0.16); + color: #7254f3; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #708da9; + border-color: #708da9; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f6f9fc; + color: #708da9; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #dfe7ef; + color: #708da9; + } + .p-button.p-button-text { + background-color: transparent; + color: #7254f3; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(114, 84, 243, 0.04); + color: #7254f3; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(114, 84, 243, 0.16); + color: #7254f3; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #708da9; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f6f9fc; + color: #708da9; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #dfe7ef; + color: #708da9; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .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: #7254f3; + 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: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .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: 3rem; + } + .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: #a1c30d; + border: 1px solid #a1c30d; + } + .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: #91b00c; + color: #ffffff; + border-color: #91b00c; + } + .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 #e4f78e; + } + .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: #819c0a; + color: #ffffff; + border-color: #819c0a; + } + .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: #a1c30d; + 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(161, 195, 13, 0.04); + color: #a1c30d; + 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(161, 195, 13, 0.16); + color: #a1c30d; + 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: #a1c30d; + 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(161, 195, 13, 0.04); + border-color: transparent; + color: #a1c30d; + } + .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(161, 195, 13, 0.16); + border-color: transparent; + color: #a1c30d; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #5486f3; + border: 1px solid #5486f3; + } + .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: #3570f1; + color: #ffffff; + border-color: #3570f1; + } + .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 #bbcffa; + } + .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: #175bef; + color: #ffffff; + border-color: #175bef; + } + .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: #5486f3; + 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(84, 134, 243, 0.04); + color: #5486f3; + 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(84, 134, 243, 0.16); + color: #5486f3; + 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: #5486f3; + 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(84, 134, 243, 0.04); + border-color: transparent; + color: #5486f3; + } + .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(84, 134, 243, 0.16); + border-color: transparent; + color: #5486f3; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #29c76f; + border: 1px solid #29c76f; + } + .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: #25b364; + color: #ffffff; + border-color: #25b364; + } + .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 #a5edc5; + } + .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: #219f59; + color: #ffffff; + border-color: #219f59; + } + .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: #29c76f; + 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(41, 199, 111, 0.04); + color: #29c76f; + 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(41, 199, 111, 0.16); + color: #29c76f; + 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: #29c76f; + 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(41, 199, 111, 0.04); + border-color: transparent; + color: #29c76f; + } + .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(41, 199, 111, 0.16); + border-color: transparent; + color: #29c76f; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #ff9f42; + border: 1px solid #ff9f42; + } + .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: #ff8f22; + color: #ffffff; + border-color: #ff8f22; + } + .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 #ffd9b3; + } + .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: #ff7e02; + color: #ffffff; + border-color: #ff7e02; + } + .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: #ff9f42; + 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, 159, 66, 0.04); + color: #ff9f42; + 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, 159, 66, 0.16); + color: #ff9f42; + 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: #ff9f42; + 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, 159, 66, 0.04); + border-color: transparent; + color: #ff9f42; + } + .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, 159, 66, 0.16); + border-color: transparent; + color: #ff9f42; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #3ec9d6; + border: 1px solid #3ec9d6; + } + .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: #2cbfcd; + color: #ffffff; + border-color: #2cbfcd; + } + .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 #b2e9ef; + } + .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: #27aab6; + color: #ffffff; + border-color: #27aab6; + } + .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: #3ec9d6; + 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(62, 201, 214, 0.04); + color: #3ec9d6; + 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(62, 201, 214, 0.16); + color: #3ec9d6; + 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: #3ec9d6; + 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(62, 201, 214, 0.04); + border-color: transparent; + color: #3ec9d6; + } + .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(62, 201, 214, 0.16); + border-color: transparent; + color: #3ec9d6; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ea5455; + border: 1px solid #ea5455; + } + .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: #e73839; + color: #ffffff; + border-color: #e73839; + } + .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 #f7bbbb; + } + .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: #e31c1d; + color: #ffffff; + border-color: #e31c1d; + } + .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: #ea5455; + 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(234, 84, 85, 0.04); + color: #ea5455; + 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(234, 84, 85, 0.16); + color: #ea5455; + 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: #ea5455; + 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(234, 84, 85, 0.04); + border-color: transparent; + color: #ea5455; + } + .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(234, 84, 85, 0.16); + border-color: transparent; + color: #ea5455; + } + + .p-button.p-button-link { + color: #5935f1; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #5935f1; + 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 #c7bbfa; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #5935f1; + 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 1px #c7bbfa; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #043d75; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + 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: 6px; + } + .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: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .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 1px #c7bbfa; + } + .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: #d3dbe3; + 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: #c6ccd7; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #e2dcfc; + color: #7254f3; + } + + .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: #eff3f8; + color: #708da9; + border: 1px solid #dfe7ef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #eff3f8; + color: #708da9; + border: 1px solid #dfe7ef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dfe7ef; + border-width: 0 0 1px 0; + font-weight: 700; + color: #708da9; + background: #eff3f8; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dfe7ef; + border-width: 0 0 1px 0; + font-weight: 700; + color: #708da9; + background: #eff3f8; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #708da9; + 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: #7254f3; + background: #e2dcfc; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f6f9fc; + color: #708da9; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #708da9; + } + .p-datatable .p-sortable-column.p-highlight { + background: #e2dcfc; + color: #7254f3; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #7254f3; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #e2dcfc; + color: #7254f3; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #7254f3; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #c7bbfa; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #043d75; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #dfe7ef; + 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: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .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 1px #c7bbfa; + } + .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 #c7bbfa; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #e2dcfc; + color: #7254f3; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #e2dcfc; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #e2dcfc; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f6f9fc; + color: #043d75; + } + .p-datatable .p-column-resizer-helper { + background: #7254f3; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #eff3f8; + } + .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: #eff3f8; + } + .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: #e2dcfc; + color: #7254f3; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #7254f3; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #7254f3; + } + .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: #eff3f8; + color: #708da9; + border: 1px solid #dfe7ef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #043d75; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #eff3f8; + color: #708da9; + border: 1px solid #dfe7ef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + 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.25rem; + } + + .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: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f6f9fc; + color: #043d75; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #e2dcfc; + color: #7254f3; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #043d75; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #043d75; + 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: #7254f3; + background: #e2dcfc; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #043d75; + background: #f6f9fc; + } + .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 #c7bbfa; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dfe7ef; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #dfe7ef; + color: #708da9; + background: #eff3f8; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #dfe7ef; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dfe7ef; + border-radius: 6px; + 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 1px #c7bbfa; + border-color: #7254f3; + } + .p-orderlist .p-orderlist-header { + color: #708da9; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dfe7ef; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #708da9; + } + .p-orderlist .p-orderlist-list { + color: #043d75; + padding: 0.75rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dfe7ef; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #043d75; + 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: #f6f9fc; + color: #043d75; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #043d75; + background: #dfe7ef; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #7254f3; + background: #e2dcfc; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #043d75; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f6f9fc; + color: #043d75; + } + .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: #f6f9fc; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #043d75; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f6f9fc; + color: #043d75; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #e2dcfc; + color: #7254f3; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #8167f2; + } + .p-organizationchart .p-organizationchart-line-down { + background: #dfe7ef; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dfe7ef; + border-color: #dfe7ef; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dfe7ef; + border-color: #dfe7ef; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dfe7ef; + background: #ffffff; + color: #043d75; + padding: 1.25rem; + } + .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 1px #c7bbfa; + } + + .p-paginator { + background: #ffffff; + color: #708da9; + border: solid #f6f9fc; + border-width: 0; + padding: 0.5rem 1rem; + 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: #708da9; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f6f9fc; + border-color: transparent; + color: #043d75; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #708da9; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #708da9; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #e2dcfc; + border-color: #e2dcfc; + color: #7254f3; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f6f9fc; + border-color: transparent; + color: #043d75; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dfe7ef; + border-radius: 6px; + 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 1px #c7bbfa; + border-color: #7254f3; + } + .p-picklist .p-picklist-header { + color: #708da9; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #dfe7ef; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #708da9; + } + .p-picklist .p-picklist-list { + color: #043d75; + padding: 0.75rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dfe7ef; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #043d75; + 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: #f6f9fc; + color: #043d75; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #043d75; + background: #dfe7ef; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #7254f3; + background: #e2dcfc; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #043d75; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f6f9fc; + color: #043d75; + } + .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: #f6f9fc; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #043d75; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #7254f3; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #dfe7ef; + } + .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 #dfe7ef; + background: #ffffff; + color: #043d75; + padding: 1.25rem; + 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: inset 0 0 0 0.15rem #c7bbfa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + 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: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .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 1px #c7bbfa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #708da9; + } + .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: #043d75; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f6f9fc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #7254f3; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f6f9fc; + } + .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: #5935f1; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #e2dcfc; + color: #7254f3; + } + .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: #7254f3; + } + .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: #7254f3; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f6f9fc; + color: #043d75; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f6f9fc; + color: #043d75; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #708da9; + } + .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: #9a85f5; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #dfe7ef; + background-color: #ffffff; + color: #043d75; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #e2dcfc; + color: #7254f3; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #7254f3; + } + .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: #708da9; + 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: #f6f9fc; + color: #043d75; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + + .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: #eff3f8; + color: #708da9; + border: 1px solid #dfe7ef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #eff3f8; + color: #708da9; + border: 1px solid #dfe7ef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dfe7ef; + border-width: 0 0 1px 0; + font-weight: 700; + color: #708da9; + background: #eff3f8; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #dfe7ef; + border-width: 0 0 1px 0; + font-weight: 700; + color: #708da9; + background: #eff3f8; + } + .p-treetable .p-sortable-column { + outline-color: #c7bbfa; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #708da9; + 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: #7254f3; + background: #e2dcfc; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f6f9fc; + color: #708da9; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #708da9; + } + .p-treetable .p-sortable-column.p-highlight { + background: #e2dcfc; + color: #7254f3; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #7254f3; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #043d75; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #dfe7ef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .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: #043d75; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f6f9fc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #7254f3; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f6f9fc; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #5935f1; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #c7bbfa; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #e2dcfc; + color: #7254f3; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #7254f3; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #7254f3; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f6f9fc; + color: #043d75; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #043d75; + } + .p-treetable .p-column-resizer-helper { + background: #7254f3; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #eff3f8; + } + .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: #eff3f8; + color: #708da9; + border: 1px solid #dfe7ef; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #043d75; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #eff3f8; + color: #708da9; + border: 1px solid #dfe7ef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #dfe7ef; + color: #708da9; + background: #eff3f8; + font-weight: 700; + 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 0 0 1px #c7bbfa; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f9fc; + border-color: #dfe7ef; + color: #708da9; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #eff3f8; + border-color: #dfe7ef; + color: #043d75; + 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: #dfe7ef; + background: #f6f9fc; + color: #043d75; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #dfe7ef; + background: #ffffff; + color: #043d75; + 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: 4px; + } + + .p-card { + background: #ffffff; + color: #043d75; + 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: 1.25rem; + } + .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: #708da9; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #dfe7ef; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #dfe7ef; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #dfe7ef; + background: #ffffff; + color: #043d75; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #dfe7ef; + color: #708da9; + background: #eff3f8; + font-weight: 700; + 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: 1.25rem; + color: #708da9; + 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 0 0 1px #c7bbfa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f6f9fc; + border-color: #dfe7ef; + color: #708da9; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #dfe7ef; + padding: 1.25rem; + background: #eff3f8; + color: #708da9; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #dfe7ef; + background: #ffffff; + color: #043d75; + 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.75rem 1.25rem; + border: 1px solid #dfe7ef; + background: #ffffff; + color: #043d75; + 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: #eff3f8; + 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 1px #c7bbfa; + } + + .p-splitter { + border: 1px solid #dfe7ef; + background: #ffffff; + border-radius: 6px; + color: #043d75; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #eff3f8; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dfe7ef; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .p-splitter .p-splitter-gutter-resizing { + background: #dfe7ef; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dfe7ef; + 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 #dfe7ef; + border-width: 0 0 2px 0; + border-color: transparent transparent #dfe7ef transparent; + background: #ffffff; + color: #708da9; + padding: 1.25rem; + font-weight: 700; + 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 0 0 1px #c7bbfa; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #c6ccd7; + color: #708da9; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #7254f3; + color: #7254f3; + } + .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: #7254f3; + width: 3rem; + 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 1px #c7bbfa; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #043d75; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #eff3f8; + border: 1px solid #dfe7ef; + padding: 1.25rem; + border-radius: 6px; + 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 1px #c7bbfa; + } + + .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: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #043d75; + border: 1px solid #f6f9fc; + 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: #708da9; + 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 1px #c7bbfa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #e2dcfc; + color: #7254f3; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #043d75; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #7254f3; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #043d75; + } + .p-stepper .p-stepper-separator { + background-color: #dfe7ef; + 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: #043d75; + } + .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: #7254f3; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #043d75; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #708da9; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #043d75; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #043d75; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #043d75; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #7254f3; + 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: #6545f2; + 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: #043d75; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #708da9; + 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: #043d75; + border-color: transparent; + background: #f6f9fc; + } + .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 1px #c7bbfa; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #043d75; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #043d75; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #043d75; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #043d75; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #043d75; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #eff3f8; + padding: 1.25rem; + border: 1px solid #dfe7ef; + color: #708da9; + 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 0 0 1px #c7bbfa; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dfe7ef; + color: #043d75; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #7254f3; + border-style: dashed; + background-color: #e2dcfc; + } + .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: #6545f2; + color: #ffffff; + border-color: #6545f2; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #5935f1; + color: #ffffff; + border-color: #5935f1; + } + + .p-breadcrumb { + background: #eff3f8; + border: 1px solid #dfe7ef; + border-radius: 6px; + padding: 1rem; + } + .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 0 0 1px #c7bbfa; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #708da9; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #043d75; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #043d75; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #708da9; + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #eff3f8; + color: #043d75; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #043d75; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #708da9; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; + } + .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: #7254f3; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #043d75; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #708da9; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #dfe7ef; + 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: inset 0 0 0 0.15rem #c7bbfa; + } + .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: #eff3f8; + color: #043d75; + border: 1px solid #dfe7ef; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #043d75; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #708da9; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; + } + .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: #7254f3; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #043d75; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #708da9; + } + .p-megamenu .p-megamenu-panel { + background: #eff3f8; + color: #043d75; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #708da9; + background: #eff3f8; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dfe7ef; + 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: #043d75; + 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.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + 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: #708da9; + 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: #043d75; + background: #f6f9fc; + } + .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: #043d75; + } + .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: #708da9; + } + + .p-menu { + padding: 0.25rem 0; + background: #eff3f8; + color: #043d75; + border: 1px solid #dfe7ef; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #043d75; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #708da9; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; + } + .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: #7254f3; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #043d75; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #708da9; + } + .p-menu.p-menu-overlay { + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #708da9; + background: #eff3f8; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #dfe7ef; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #7254f3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #eff3f8; + color: #043d75; + border: 1px solid #dfe7ef; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #043d75; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #708da9; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .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: #043d75; + } + .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: #708da9; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #043d75; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #708da9; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; + } + .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: #7254f3; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #043d75; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #708da9; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + border-radius: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dfe7ef; + 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: #708da9; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #708da9; + background: #f6f9fc; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dfe7ef; + 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 #dfe7ef; + color: #708da9; + background: #eff3f8; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #708da9; + padding: 1.25rem; + 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 1px #c7bbfa; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f6f9fc; + border-color: #dfe7ef; + color: #708da9; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #eff3f8; + border-color: #dfe7ef; + color: #043d75; + 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: #dfe7ef; + background: #f6f9fc; + color: #043d75; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dfe7ef; + background: #ffffff; + color: #043d75; + 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: #043d75; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #708da9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; + } + .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: #7254f3; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; + } + .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: #043d75; + } + .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: #043d75; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #708da9; + } + .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 #dfe7ef; + 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.25rem 0; + background: #eff3f8; + color: #043d75; + border: 1px solid #dfe7ef; + 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: #043d75; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #708da9; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; + } + .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: #7254f3; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #043d75; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #708da9; + } + .p-slidemenu.p-slidemenu-overlay { + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #dfe7ef; + 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 1.25rem; + color: #043d75; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #c7bbfa; + } + .p-slidemenu .p-menuitem-badge { + background: #7254f3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #043d75; + border: 1px solid #f6f9fc; + 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: #708da9; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #e2dcfc; + color: #7254f3; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #043d75; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dfe7ef; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dfe7ef; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #7254f3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dfe7ef; + border-width: 0 0 2px 0; + border-color: transparent transparent #dfe7ef transparent; + background: #ffffff; + color: #708da9; + padding: 1.25rem; + font-weight: 700; + 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 0 0 1px #c7bbfa; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #c6ccd7; + color: #708da9; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #7254f3; + color: #7254f3; + } + .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: #7254f3; + width: 3rem; + 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 1px #c7bbfa; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #eff3f8; + color: #043d75; + border: 1px solid #dfe7ef; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #043d75; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #708da9; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; + } + .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: #7254f3; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #043d75; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .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: #708da9; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #dfe7ef; + 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.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0px; + color: #696cff; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #696cff; + } + .p-inline-message.p-inline-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .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: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .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 1px #c7bbfa; + } + .p-message.p-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; + } + .p-message.p-message-info .p-message-icon { + color: #696cff; + } + .p-message.p-message-info .p-message-close { + color: #696cff; + } + .p-message.p-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 400; + } + .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 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .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 1px #c7bbfa; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #e9e9ff; + border: solid #696cff; + border-width: 0 0 0 6px; + color: #696cff; + } + .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: #696cff; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #e4f8f0; + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .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: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #fff2e2; + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .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: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #ffe7e6; + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .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: #ff5757; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #eff3f8; + 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: #eff3f8; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #eff3f8; + 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: #eff3f8; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #eff3f8; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d3dbe3; + 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: #c6ccd7; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #e2dcfc; + color: #7254f3; + } + .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: #e2dcfc; + color: #7254f3; + } + .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: #eff3f8; + 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: #eff3f8; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + + .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: #dfe7ef; + 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 #ffffff; + } + + .p-badge { + background: #7254f3; + 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: #29c76f; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #5486f3; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #ff9f42; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ea5455; + 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: #dfe7ef; + color: #043d75; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 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 0 0 1px #c7bbfa; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + 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: #f6f9fc; + color: #043d75; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + + .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: #dfe7ef; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #7254f3; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #7254f3; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dfe7ef; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #7254f3; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #eff3f8; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #dfe7ef; + border-radius: 6px; + } + .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: #7254f3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #29c76f; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #5486f3; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #ff9f42; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ea5455; + 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: #043d75; + border: 1px solid #dfe7ef; + padding: 1.25rem; + } + .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-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + color: #ffffff; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-right: 1px solid rgba(255, 255, 255, 0.2); + } + .p-datepicker .p-datepicker-buttonbar { + border-top: 1px solid rgba(255, 255, 255, 0.2); + } + .p-datepicker .p-datepicker-buttonbar .p-button { + color: #ffffff; + } + .p-datepicker .p-datepicker-buttonbar .p-button:enabled:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + } + .p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.2); + } + .p-datepicker .p-timepicker .p-link { + color: #ffffff; + } + .p-datepicker .p-timepicker .p-link:enabled:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + color: rgba(255, 255, 255, 0.7); + } + .p-datepicker table td > span.p-highlight { + color: #ffffff; + background: rgba(255, 255, 255, 0.3); + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #ffffff; + background: rgba(255, 255, 255, 0.3); + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #ffffff; + background: rgba(255, 255, 255, 0.3); + } + + .p-button .p-button-label { + font-weight: 700; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #7254f3; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #7254f3; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #7254f3; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #7254f3; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff new file mode 100644 index 00000000..33def222 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 new file mode 100644 index 00000000..8621dcc0 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff new file mode 100644 index 00000000..61e87b6f Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 new file mode 100644 index 00000000..41a1fa48 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff new file mode 100644 index 00000000..455d045d Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 new file mode 100644 index 00000000..2b400618 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff new file mode 100644 index 00000000..87b5d764 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 new file mode 100644 index 00000000..11508994 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff new file mode 100644 index 00000000..c0913b5a Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 new file mode 100644 index 00000000..eadd0795 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/tailwind-light/theme.css b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/theme.css new file mode 100644 index 00000000..64ef1ec9 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/tailwind-light/theme.css @@ -0,0 +1,6515 @@ +:root { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family: Inter, ui-sans-serif, system-ui, -apple-system, + BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, + "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: #f4f4f5; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #3f3f46; + --text-color-secondary: #71717a; + --primary-color: #4f46e5; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #fafafa; + --surface-100: #f4f4f5; + --surface-200: #e4e4e7; + --surface-300: #d4d4d8; + --surface-400: #a1a1aa; + --surface-500: #71717a; + --surface-600: #52525b; + --surface-700: #3f3f46; + --surface-800: #27272a; + --surface-900: #18181b; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 0.375rem; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e5e7eb; + --surface-hover: #f4f4f5; + --highlight-bg: #eef2ff; + --highlight-text-color: #312e81; + --focus-ring: 0 0 0 1px #6366f1; + --maskbg: rgba(0, 0, 0, 0.4); + color-scheme: light; +} + +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fef6f6; + --red-100:#fbd2d2; + --red-200:#f8afaf; + --red-300:#f58b8b; + --red-400:#f26868; + --red-500:#ef4444; + --red-600:#cb3a3a; + --red-700:#a73030; + --red-800:#832525; + --red-900:#601b1b; + --primary-50:#f6f6fe; + --primary-100:#d5d3f9; + --primary-200:#b3aff4; + --primary-300:#928cef; + --primary-400:#7069ea; + --primary-500:#4f46e5; + --primary-600:#433cc3; + --primary-700:#3731a0; + --primary-800:#2b277e; + --primary-900:#201c5c; +} + +.p-editor-container .p-editor-toolbar { + background: #fafafa; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #71717a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #71717a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #71717a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + padding: 0.25rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #18181b; + background: #f4f4f5; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #3f3f46; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #3f3f46; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #3f3f46; +} +.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: #4f46e5; +} +.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: #4f46e5; +} +.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: #4f46e5; +} +.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: #4f46e5; +} + +@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: #e24c4c; + } + + .p-text-secondary { + color: #71717a; + } + + .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: 0.375rem; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #d4d4d8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #3f3f46; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #3f3f46; + 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: #d4d4d8; + color: #3f3f46; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f0a9a7; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1rem; + border: 0 none; + color: #3f3f46; + 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: #312e81; + background: #eef2ff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181b; + background: #f4f4f5; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f0a9a7; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #71717a; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #71717a; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f0a9a7; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #3f3f46; + border: 1px solid #d4d4d8; + border-radius: 0.375rem; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .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 1px #6366f1; + } + .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: #3f3f46; + transition: none; + 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: #4f46e5; + } + .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: none; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #312e81; + background: #eef2ff; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d4d4d8; + color: #3f3f46; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #312e81; + background: #eef2ff; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #f3f4f6; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #f3f4f6; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .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: 0.375rem; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #312e81; + background: #eef2ff; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: none; + border-radius: 0.375rem; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #312e81; + background: #eef2ff; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #f3f4f6; + 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: #f4f4f5; + } + .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 1px #6366f1; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f4f4f5; + } + .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 1px #6366f1; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f4f4f5; + } + .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 1px #6366f1; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #71717a; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #71717a; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d4d4d8; + transition: none; + border-radius: 0.375rem; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #d4d4d8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #71717a; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #71717a; + width: 3rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f0a9a7; + } + .p-cascadeselect.p-variant-filled { + background-color: #fafafa; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #fafafa; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .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: #3f3f46; + 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: #312e81; + background: #eef2ff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181b; + background: #f4f4f5; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #fafafa; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #fafafa; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f0a9a7; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #71717a; + right: 3rem; + } + + .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: 16px; + height: 16px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d4d4d8; + background: #ffffff; + width: 16px; + height: 16px; + color: #3f3f46; + border-radius: 0.375rem; + transition: none; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 10px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 10px; + height: 10px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #4f46e5; + background: #4f46e5; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #d4d4d8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #4f46e5; + background: #4f46e5; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #fafafa; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #4f46e5; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #fafafa; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4f46e5; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f0a9a7; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #fafafa; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #4f46e5; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #fafafa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4f46e5; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f0a9a7; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #d4d4d8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #3f3f46; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d4d4d8; + color: #3f3f46; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #3f3f46; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f0a9a7; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #71717a; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #27272a; + border: 1px solid #18181b; + } + .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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d4d4d8; + transition: none; + border-radius: 0.375rem; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #d4d4d8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #71717a; + } + .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: #71717a; + width: 3rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + .p-dropdown .p-dropdown-clear-icon { + color: #71717a; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f0a9a7; + } + .p-dropdown.p-variant-filled { + background-color: #fafafa; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #fafafa; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + .p-dropdown-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #71717a; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1rem; + border: 0 none; + color: #3f3f46; + 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: #312e81; + background: #eef2ff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181b; + background: #f4f4f5; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #fafafa; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #fafafa; + } + .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: #f0a9a7; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #fafafa; + color: #71717a; + border-top: 1px solid #d4d4d8; + border-left: 1px solid #d4d4d8; + border-bottom: 1px solid #d4d4d8; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d4d4d8; + } + + .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: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .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: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #71717a; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #71717a; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f0a9a7; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #71717a; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #fafafa; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #fafafa; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f0a9a7; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #71717a; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #fafafa; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #fafafa; + } + 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: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d4d4d8; + transition: none; + 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 1px #6366f1; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #bebec4; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #4f46e5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #4338ca; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f0a9a7; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #3f3f46; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d4d4d8; + transition: none; + appearance: none; + border-radius: 0.375rem; + } + .p-inputtext:enabled:hover { + border-color: #d4d4d8; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f0a9a7; + } + .p-inputtext.p-variant-filled { + background-color: #fafafa; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #fafafa; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #71717a; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f0a9a7; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #71717a; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #71717a; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #71717a; + } + + :-moz-placeholder { + color: #71717a; + } + + ::-moz-placeholder { + color: #71717a; + } + + :-ms-input-placeholder { + color: #71717a; + } + + .p-input-filled .p-inputtext { + background-color: #fafafa; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #fafafa; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #3f3f46; + border: 1px solid #d4d4d8; + border-radius: 0.375rem; + transition: none; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #71717a; + } + .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.75rem 1rem; + border: 0 none; + color: #3f3f46; + 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: #312e81; + background: #eef2ff; + } + .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: #3f3f46; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #f4f4f5; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181b; + background: #f4f4f5; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #18181b; + background: #f4f4f5; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f0a9a7; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d4d4d8; + transition: none; + border-radius: 0.375rem; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #d4d4d8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: none; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #71717a; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #3f3f46; + 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: #71717a; + width: 3rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + .p-multiselect.p-variant-filled { + background: #fafafa; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #fafafa; + } + .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.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #71717a; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #71717a; + } + .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: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1rem; + border: 0 none; + color: #3f3f46; + 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: #312e81; + background: #eef2ff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #f4f4f5; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181b; + background: #f4f4f5; + } + .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: #3f3f46; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #fafafa; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #fafafa; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f0a9a7; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f0a9a7; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #3f3f46; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #71717a; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #71717a; + right: 2.5rem; + } + + .p-radiobutton { + width: 16px; + height: 16px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d4d4d8; + background: #ffffff; + width: 16px; + height: 16px; + color: #3f3f46; + border-radius: 50%; + transition: none; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #d4d4d8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 6px; + height: 6px; + transition-duration: 0.2s; + background-color: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #4f46e5; + background: #4f46e5; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #4f46e5; + background: #4f46e5; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #fafafa; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #fafafa; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #4f46e5; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #4f46e5; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f0a9a7; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #fafafa; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #fafafa; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #4f46e5; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #4f46e5; + } + + .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: #3f3f46; + transition: none; + 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: #ef4444; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #4f46e5; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #4f46e5; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #dc2626; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d4d4d8; + color: #3f3f46; + transition: none; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #71717a; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; + } + .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: #71717a; + } + .p-selectbutton .p-button.p-highlight { + background: #4f46e5; + border-color: #4f46e5; + 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: #4338ca; + border-color: #4338ca; + 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: #f0a9a7; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 0.375rem; + } + .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 #4f46e5; + border-radius: 50%; + transition: none; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-slider .p-slider-range { + background: #4f46e5; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #4f46e5; + border-color: #4f46e5; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: none, 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: none, 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 #d4d4d8; + color: #3f3f46; + transition: none; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #71717a; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; + } + .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: #71717a; + } + .p-togglebutton.p-button.p-highlight { + background: #4f46e5; + border-color: #4f46e5; + 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: #4338ca; + border-color: #4338ca; + 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: #f0a9a7; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d4d4d8; + transition: none; + border-radius: 0.375rem; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #d4d4d8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: none; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #71717a; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #3f3f46; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #71717a; + width: 3rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + .p-treeselect.p-variant-filled { + background-color: #fafafa; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #fafafa; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #ffffff; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f0a9a7; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #71717a; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .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 1rem; + color: #3f3f46; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #fafafa; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #fafafa; + } + .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.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #71717a; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #4f46e5; + border: 1px solid #4f46e5; + padding: 0.75rem 1rem; + font-size: 1rem; + transition: none; + border-radius: 0.375rem; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #4338ca; + color: #ffffff; + border-color: #4338ca; + } + .p-button:not(:disabled):active { + background: #4338ca; + color: #ffffff; + border-color: #4338ca; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #4f46e5; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(79, 70, 229, 0.04); + color: #4f46e5; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(79, 70, 229, 0.16); + color: #4f46e5; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #71717a; + border-color: #71717a; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f4f4f5; + color: #71717a; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #71717a; + } + .p-button.p-button-text { + background-color: transparent; + color: #4f46e5; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(79, 70, 229, 0.04); + color: #4f46e5; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(79, 70, 229, 0.16); + color: #4f46e5; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #71717a; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f4f4f5; + color: #71717a; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #71717a; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .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: #4f46e5; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 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: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 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.9375rem 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: 3rem; + } + .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: #64748b; + border: 1px solid #64748b; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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 #c0c7d2; + } + .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: #475569; + color: #ffffff; + border-color: #475569; + } + .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: #64748b; + 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(100, 116, 139, 0.04); + color: #64748b; + 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(100, 116, 139, 0.16); + color: #64748b; + 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: #64748b; + 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(100, 116, 139, 0.04); + border-color: transparent; + color: #64748b; + } + .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(100, 116, 139, 0.16); + border-color: transparent; + color: #64748b; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #3b82f6; + border: 1px solid #3b82f6; + } + .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: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .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 #b1cdfb; + } + .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: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .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: #3b82f6; + 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(59, 130, 246, 0.04); + color: #3b82f6; + 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(59, 130, 246, 0.16); + color: #3b82f6; + 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: #3b82f6; + 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(59, 130, 246, 0.04); + border-color: transparent; + color: #3b82f6; + } + .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(59, 130, 246, 0.16); + border-color: transparent; + color: #3b82f6; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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 #a0efbd; + } + .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: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .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: #22c55e; + 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(34, 197, 94, 0.04); + color: #22c55e; + 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(34, 197, 94, 0.16); + color: #22c55e; + 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: #22c55e; + 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(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .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(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f59e0b; + border: 1px solid #f59e0b; + } + .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: #d97706; + color: #ffffff; + border-color: #d97706; + } + .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 #fbd89d; + } + .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: #d97706; + color: #ffffff; + border-color: #d97706; + } + .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: #f59e0b; + 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(245, 158, 11, 0.04); + color: #f59e0b; + 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(245, 158, 11, 0.16); + color: #f59e0b; + 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: #f59e0b; + 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(245, 158, 11, 0.04); + border-color: transparent; + color: #f59e0b; + } + .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(245, 158, 11, 0.16); + border-color: transparent; + color: #f59e0b; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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 #dcbbfc; + } + .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: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .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: #a855f7; + 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(168, 85, 247, 0.04); + color: #a855f7; + 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(168, 85, 247, 0.16); + color: #a855f7; + 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: #a855f7; + 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(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .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(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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 #f9b4b4; + } + .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: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .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: #ef4444; + 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(239, 68, 68, 0.04); + color: #ef4444; + 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(239, 68, 68, 0.16); + color: #ef4444; + 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: #ef4444; + 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(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .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(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #4f46e5; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #4f46e5; + 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 #6366f1; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #4f46e5; + 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 1px #6366f1; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #3f3f46; + color: #fff; + } + .p-speeddial-action:hover { + background: #27272a; + 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: 0.375rem; + } + .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 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px 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: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .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 1px #6366f1; + } + .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: #f4f4f5; + width: 2rem; + height: 0.5rem; + transition: none; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #e5e7eb; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #eef2ff; + color: #312e81; + } + + .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: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 1px 0 1px 0; + padding: 1.25rem 1.25rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 0.75rem 1.5rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1.5rem; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + font-weight: 500; + color: #6b7280; + background: #fafafa; + transition: none; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + font-weight: 600; + color: #3f3f46; + background: #fafafa; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #71717a; + 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: #312e81; + background: #eef2ff; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f4f4f5; + color: #3f3f46; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #71717a; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fafafa; + color: #4f46e5; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4f46e5; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #f4f4f5; + color: #4f46e5; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4f46e5; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #6366f1; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #3f3f46; + transition: none; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 1rem 1.5rem; + } + .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: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .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: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .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 1px #6366f1; + } + .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 #6366f1; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #eef2ff; + color: #312e81; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #eef2ff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #eef2ff; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f4f4f5; + color: #3f3f46; + } + .p-datatable .p-column-resizer-helper { + background: #4f46e5; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #fafafa; + } + .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: #fafafa; + } + .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: #eef2ff; + color: #312e81; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #312e81; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #312e81; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.625rem 0.625rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.75rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.75rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.75rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.75rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.5625rem 1.5625rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.875rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.875rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.875rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.875rem; + } + + .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: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 1px 0 1px 0; + padding: 1.25rem 1.25rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #3f3f46; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 0.75rem 1.5rem; + font-weight: 600; + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1.25rem; + } + + .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: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .p-column-filter-menu-button:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f4f4f5; + color: #18181b; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #eef2ff; + color: #312e81; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .p-column-filter-clear-button:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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.75rem 1rem; + border: 0 none; + color: #3f3f46; + 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: #312e81; + background: #eef2ff; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181b; + background: #f4f4f5; + } + .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 #6366f1; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.75rem; + border-bottom: 0 none; + color: #3f3f46; + background: #fafafa; + margin: 0; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #f3f4f6; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + transition: none; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-orderlist .p-orderlist-header { + color: #3f3f46; + padding: 1.25rem; + font-weight: 700; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #71717a; + } + .p-orderlist .p-orderlist-list { + color: #3f3f46; + padding: 0.25rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1rem; + margin: 0; + border: 0 none; + color: #3f3f46; + 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: #f4f4f5; + color: #18181b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #18181b; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #312e81; + background: #eef2ff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181b; + } + .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: #f4f4f5; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border: 0 none; + color: #3f3f46; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #eef2ff; + color: #312e81; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6f91ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + padding: 1.25rem; + } + .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 1px #6366f1; + } + + .p-paginator { + background: #ffffff; + color: #71717a; + border: solid #f4f4f5; + border-width: 0; + padding: 0.75rem 1.5rem; + border-radius: 0.375rem; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 1px solid #d4d4d8; + color: #71717a; + min-width: 3rem; + height: 3rem; + margin: 0 0 0 -1px; + transition: none; + 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: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; + } + .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: 3rem; + } + .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: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 1px solid #d4d4d8; + color: #71717a; + min-width: 3rem; + height: 3rem; + margin: 0 0 0 -1px; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 1px solid #d4d4d8; + color: #71717a; + min-width: 3rem; + height: 3rem; + margin: 0 0 0 -1px; + transition: none; + border-radius: 0; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #eef2ff; + border-color: #eef2ff; + color: #312e81; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f4f4f5; + border-color: #d4d4d8; + color: #3f3f46; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + transition: none; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-picklist .p-picklist-header { + color: #3f3f46; + padding: 1.25rem; + font-weight: 700; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #71717a; + } + .p-picklist .p-picklist-list { + color: #3f3f46; + padding: 0.25rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1rem; + margin: 0; + border: 0 none; + color: #3f3f46; + 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: #f4f4f5; + color: #18181b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #18181b; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #312e81; + background: #eef2ff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181b; + } + .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: #f4f4f5; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border: 0 none; + color: #3f3f46; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #4f46e5; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .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 #e5e7eb; + background: #ffffff; + color: #3f3f46; + padding: 1.25rem; + border-radius: 0.375rem; + } + .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 #6366f1; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 0.375rem; + 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: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .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 1px #6366f1; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #71717a; + } + .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: #3f3f46; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #fafafa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #4f46e5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #fafafa; + } + .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: #4f46e5; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #eef2ff; + color: #312e81; + } + .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: #312e81; + } + .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: #312e81; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f4f4f5; + color: #18181b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #71717a; + } + .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: #8ba7ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 0.375rem; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #3f3f46; + padding: 0; + transition: none; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #eef2ff; + color: #312e81; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #312e81; + } + .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: #71717a; + 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: #f4f4f5; + color: #18181b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + + .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: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 1px 0 1px 0; + padding: 1.25rem 1.25rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 0.75rem 1.5rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1.5rem; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + font-weight: 500; + color: #6b7280; + background: #fafafa; + transition: none; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + font-weight: 600; + color: #3f3f46; + background: #fafafa; + } + .p-treetable .p-sortable-column { + outline-color: #6366f1; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #71717a; + 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: #312e81; + background: #eef2ff; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f4f4f5; + color: #3f3f46; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #71717a; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fafafa; + color: #4f46e5; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4f46e5; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #3f3f46; + transition: none; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 1rem 1.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .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: #3f3f46; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #fafafa; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #4f46e5; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #fafafa; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #4f46e5; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #6366f1; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #eef2ff; + color: #312e81; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #312e81; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #312e81; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f4f4f5; + color: #3f3f46; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #3f3f46; + } + .p-treetable .p-column-resizer-helper { + background: #4f46e5; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #fafafa; + } + .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: 1.09375rem 1.09375rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.75rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.75rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.75rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.75rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.5625rem 1.5625rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.875rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.875rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.875rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.875rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 1px 0 1px 0; + padding: 1.25rem 1.25rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #3f3f46; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #fafafa; + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 0 0 1px 0; + padding: 0.75rem 1.5rem; + font-weight: 600; + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #3f3f46; + background: #fafafa; + font-weight: 700; + border-radius: 0.375rem; + 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 1px #6366f1; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f4f4f5; + border-color: #e5e7eb; + color: #3f3f46; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #fafafa; + border-color: #e5e7eb; + color: #3f3f46; + 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: #e5e7eb; + background: #f4f4f5; + color: #3f3f46; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .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: 0.375rem; + border-top-left-radius: 0.375rem; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .p-card { + background: #ffffff; + color: #3f3f46; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + border-radius: 0.375rem; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .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: #71717a; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 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 #e5e7eb; + } + .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 #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-radius: 0.375rem; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #3f3f46; + background: #fafafa; + font-weight: 700; + border-radius: 0.375rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #3f3f46; + border-radius: 0.375rem; + 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 1px #6366f1; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f4f4f5; + border-color: #e5e7eb; + color: #18181b; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #fafafa; + color: #3f3f46; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .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: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + 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: #fafafa; + border: 0 none; + transition: none; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 0.375rem; + color: #3f3f46; + } + .p-splitter .p-splitter-gutter { + transition: none; + background: #fafafa; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #71717a; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + 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 1px #6366f1; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #71717a; + color: #71717a; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #4f46e5; + color: #4f46e5; + } + .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: #4f46e5; + width: 3rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px 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 1px #6366f1; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .p-toolbar { + background: #fafafa; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 0.375rem; + 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 1px #6366f1; + } + + .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: 0.375rem; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #3f3f46; + border: 1px solid #f4f4f5; + border-width: 2px; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: none; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #71717a; + font-weight: 600; + transition: none; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #eef2ff; + color: #312e81; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #3f3f46; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #4f46e5; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1.25rem; + color: #3f3f46; + } + .p-stepper .p-stepper-separator { + background-color: #e5e7eb; + 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: #3f3f46; + } + .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: #4f46e5; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .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: 0.375rem; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #3f3f46; + padding: 1.5rem; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .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: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #3f3f46; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #3f3f46; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .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: #3f3f46; + border: 0 none; + border-radius: 0.375rem; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #4f46e5; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: none; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #4338ca; + 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: #3f3f46; + border: 0 none; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #71717a; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: none; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #18181b; + border-color: transparent; + background: #f4f4f5; + } + .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 1px #6366f1; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #fafafa; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #3f3f46; + border-bottom: 0 none; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .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 1px #6366f1; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #4f46e5; + border-style: dashed; + background-color: #eef2ff; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1.5rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #4338ca; + color: #ffffff; + border-color: #4338ca; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #4338ca; + color: #ffffff; + border-color: #4338ca; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: none; + border-radius: 0.375rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #3f3f46; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #3f3f46; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #3f3f46; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + 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 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #3f3f46; + transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; + background: #f4f4f5; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .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: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #18181b; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #71717a; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #f3f4f6; + 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: 0.375rem; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366f1; + } + .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: 1rem; + background: #fafafa; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #3f3f46; + transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; + background: #f4f4f5; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .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: #71717a; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #18181b; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #71717a; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #3f3f46; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #f3f4f6; + 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: #3f3f46; + transition: none; + border-radius: 0.375rem; + } + .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: #3f3f46; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + 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: #71717a; + 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: #18181b; + background: #f4f4f5; + } + .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: #18181b; + } + .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: #71717a; + } + + .p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #3f3f46; + transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; + background: #f4f4f5; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .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: #71717a; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #18181b; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #71717a; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #3f3f46; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #4f46e5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 1rem; + background: #fafafa; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #3f3f46; + transition: none; + border-radius: 0.375rem; + } + .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: #3f3f46; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .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: #18181b; + } + .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: #71717a; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #3f3f46; + transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; + background: #f4f4f5; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .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: #71717a; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #18181b; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #71717a; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + width: 12.5rem; + border-radius: 0.375rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #f3f4f6; + 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: #71717a; + border-radius: 50%; + transition: none; + } + .p-menubar .p-menubar-button:hover { + color: #71717a; + background: #f4f4f5; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #f3f4f6; + 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 #e5e7eb; + color: #3f3f46; + background: #fafafa; + border-radius: 0.375rem; + transition: none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #3f3f46; + padding: 1.25rem; + 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 1px #6366f1; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f4f4f5; + border-color: #e5e7eb; + color: #3f3f46; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #fafafa; + border-color: #e5e7eb; + color: #3f3f46; + 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: #e5e7eb; + background: #f4f4f5; + color: #3f3f46; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #3f3f46; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #3f3f46; + transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; + background: #f4f4f5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .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: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .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: #18181b; + } + .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: #18181b; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #71717a; + } + .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 #f3f4f6; + 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: 0.375rem; + border-top-left-radius: 0.375rem; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + 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: #3f3f46; + transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; + background: #f4f4f5; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .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: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #18181b; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #71717a; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #f3f4f6; + 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: #3f3f46; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #6366f1; + } + .p-slidemenu .p-menuitem-badge { + background: #4f46e5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + 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: 0.375rem; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #3f3f46; + border: 1px solid #f4f4f5; + 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: #71717a; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #eef2ff; + color: #312e81; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #3f3f46; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #f3f4f6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #4f46e5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 0.375rem; + 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 #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #71717a; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + 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 1px #6366f1; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #71717a; + color: #71717a; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #4f46e5; + color: #4f46e5; + } + .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: #4f46e5; + width: 3rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px 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 1px #6366f1; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #3f3f46; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .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 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #3f3f46; + transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; + background: #f4f4f5; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .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: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #18181b; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .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: #71717a; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #f3f4f6; + 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.75rem 0.75rem; + margin: 0; + border-radius: 0.375rem; + } + .p-inline-message.p-inline-message-info { + background: #eff6ff; + border: none; + border-width: 0px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: #ecfdf5; + border: none; + border-width: 0px; + color: #059669; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #059669; + } + .p-inline-message.p-inline-message-warn { + background: #fef3c7; + border: none; + border-width: 0px; + color: #d97706; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #d97706; + } + .p-inline-message.p-inline-message-error { + background: #fef3c7; + border: none; + border-width: 0px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .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: 0.375rem; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: none; + } + .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 1px #6366f1; + } + .p-message.p-message-info { + background: #eff6ff; + border: none; + border-width: 0 0 0 6px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: #ecfdf5; + border: none; + border-width: 0 0 0 6px; + color: #059669; + } + .p-message.p-message-success .p-message-icon { + color: #059669; + } + .p-message.p-message-success .p-message-close { + color: #059669; + } + .p-message.p-message-warn { + background: #fef3c7; + border: none; + border-width: 0 0 0 6px; + color: #d97706; + } + .p-message.p-message-warn .p-message-icon { + color: #d97706; + } + .p-message.p-message-warn .p-message-close { + color: #d97706; + } + .p-message.p-message-error { + background: #fef3c7; + border: none; + border-width: 0 0 0 6px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .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 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + border-radius: 0.375rem; + } + .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: none; + } + .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 1px #6366f1; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #eff6ff; + border: none; + border-width: 0 0 0 6px; + color: #2563eb; + } + .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: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #ecfdf5; + border: none; + border-width: 0 0 0 6px; + color: #059669; + } + .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: #059669; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #fef3c7; + border: none; + border-width: 0 0 0 6px; + color: #d97706; + } + .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: #d97706; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #fef3c7; + border: none; + border-width: 0 0 0 6px; + color: #dc2626; + } + .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: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #fafafa; + width: 4rem; + height: 4rem; + transition: none; + 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: #fafafa; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #fafafa; + width: 4rem; + height: 4rem; + transition: none; + border-radius: 0.375rem; + 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: #fafafa; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #fafafa; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #f4f4f5; + width: 1rem; + height: 1rem; + transition: none; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #e5e7eb; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #eef2ff; + color: #312e81; + } + .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: #eef2ff; + color: #312e81; + } + .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: #fafafa; + width: 2rem; + height: 2rem; + transition: none; + 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: #fafafa; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + + .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: none; + } + + .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: none; + 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: #e5e7eb; + border-radius: 0.375rem; + } + .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: #4f46e5; + 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: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #3b82f6; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f59e0b; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + 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: #e5e7eb; + color: #3f3f46; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 0.375rem; + transition: none; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 0.375rem; + transition: none; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f4f4f5; + color: #18181b; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + + .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: #e5e7eb; + border-radius: 0.375rem; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #4f46e5; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #4f46e5; + 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: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + .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: 0.375rem; + border-top-right-radius: 0.375rem; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 0.375rem; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #4f46e5; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + transition: none; + } + .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: #fafafa; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #f4f4f5; + border-radius: 0.375rem; + } + .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: #4f46e5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 0.375rem; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #3b82f6; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f59e0b; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + 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: #3f3f46; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .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, .p-togglebutton, .p-selectbutton, .p-inputgroup { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } + + .p-inputgroup .p-inputtext, .p-inputgroup .p-togglebutton, .p-inputgroup .p-selectbutton { + box-shadow: none; + } + + .p-inputtext.p-invalid.p-component:enabled:focus { + box-shadow: 0 0 0 1px #f0a9a7; + } + + .p-highlight { + font-weight: 600; + } + + .p-button-label { + font-weight: 500; + } + + .p-inputswitch.p-focus .p-inputswitch-slider { + box-shadow: 0 0 0 2px #6366f1; + } + + .p-paginator .p-paginator-pages .p-paginator-page { + margin-left: -1px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + border-color: #4f46e5; + margin-right: 1px; + } + .p-paginator .p-paginator-current { + border: 0 none; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #64748b, 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #22c55e, 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3b82f6, 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f59e0b, 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a855f7, 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #ef4444, 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-checkbox .p-checkbox-box { + border-radius: 0.25rem; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box.p-focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 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 #4f46e5; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #4f46e5; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/vela-blue/theme.css b/booklore-ui/src/assets/layout/styles/theme/vela-blue/theme.css new file mode 100644 index 00000000..1f28cea3 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/vela-blue/theme.css @@ -0,0 +1,6422 @@ +: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: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #64B5F6; + --primary-color-text: #212529; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50: #e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(100, 181, 246, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --focus-ring: 0 0 0 1px #93cbf9; + color-scheme: light 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:#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:#f7fbff; + --primary-100:#daedfd; + --primary-200:#bcdffb; + --primary-300:#9fd1f9; + --primary-400:#81c3f8; + --primary-500:#64b5f6; + --primary-600:#559ad1; + --primary-700:#467fac; + --primary-800:#376487; + --primary-900:#284862; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.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 #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #64B5F6; +} + +@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.4; + } + + .p-error { + color: #ef9a9a; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #93cbf9; + } + + .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: #64B5F6; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ef9a9a; + } + + .p-autocomplete-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + 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: #64B5F6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #64B5F6; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #304562; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #304562; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #304562; + 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: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #17212f; + border: 1px solid #304562; + 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: #64B5F6; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-cascadeselect.p-variant-filled { + background-color: #304562; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #304562; + } + + .p-cascadeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: #304562; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #64B5F6; + background: #64B5F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #64B5F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #2396f2; + background: #2396f2; + color: #212529; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #64B5F6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #64B5F6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #64B5F6; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2d40; + border: 1px solid #304562; + } + .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: #17212f; + border: 1px solid #304562; + 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: #64B5F6; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-dropdown.p-variant-filled { + background-color: #304562; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #304562; + } + + .p-dropdown-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #304562; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #304562; + } + .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: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #304562; + border-left: 1px solid #304562; + border-bottom: 1px solid #304562; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #304562; + } + + .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: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-inputmask.p-variant-filled { + background-color: #304562; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #304562; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: #304562; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #304562; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #304562; + } + + .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: #304562; + 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: rgba(255, 255, 255, 0.6); + 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 1px #93cbf9; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #64B5F6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #43a5f4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ef9a9a; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #17212f; + padding: 0.5rem 0.5rem; + border: 1px solid #304562; + 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: #64B5F6; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; + } + .p-inputtext.p-variant-filled { + background-color: #304562; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #304562; + } + .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: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #304562; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #304562; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #304562; + } + + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; + } + + .p-multiselect { + background: #17212f; + border: 1px solid #304562; + 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: #64B5F6; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-multiselect.p-variant-filled { + background: #304562; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #304562; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #304562; + } + + .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: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #304562; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; + } + + .p-password-panel { + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #304562; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f48fb1; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + right: 2rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #64B5F6; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: #64B5F6; + background: #64B5F6; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #2396f2; + background: #2396f2; + color: #212529; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #304562; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #64B5F6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #2396f2; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #64B5F6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #2396f2; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #64B5F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #64B5F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #64B5F6; + border-color: #64B5F6; + 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: #43a5f4; + border-color: #43a5f4; + 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: #ef9a9a; + } + + .p-slider { + background: #304562; + 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: #304562; + border: 2px solid #64B5F6; + 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 1px #93cbf9; + } + .p-slider .p-slider-range { + background: #64B5F6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #64B5F6; + border-color: #64B5F6; + } + .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: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #64B5F6; + border-color: #64B5F6; + 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: #43a5f4; + border-color: #43a5f4; + 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: #ef9a9a; + } + + .p-treeselect { + background: #17212f; + border: 1px solid #304562; + 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: #64B5F6; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-treeselect.p-variant-filled { + background-color: #304562; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #304562; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; + } + + .p-treeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #304562; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + 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: #43a5f4; + color: #212529; + border-color: #43a5f4; + } + .p-button:not(:disabled):active { + background: #2396f2; + color: #212529; + border-color: #2396f2; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #64B5F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #64B5F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: #64B5F6; + 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.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: #78909c; + border: 1px solid #78909c; + } + .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: #69838f; + color: #ffffff; + border-color: #69838f; + } + .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 1px #a1b1ba; + } + .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: #5d747f; + color: #ffffff; + border-color: #5d747f; + } + .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: #78909c; + 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(120, 144, 156, 0.04); + color: #78909c; + 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(120, 144, 156, 0.16); + color: #78909c; + 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: #78909c; + 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(120, 144, 156, 0.04); + border-color: transparent; + color: #78909c; + } + .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(120, 144, 156, 0.16); + border-color: transparent; + color: #78909c; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81d4fa; + border: 1px solid #81d4fa; + } + .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: #5dc8f9; + color: #121212; + border-color: #5dc8f9; + } + .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 1px #a7e1fc; + } + .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: #38bbf7; + color: #121212; + border-color: #38bbf7; + } + .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: #81d4fa; + 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(129, 212, 250, 0.04); + color: #81d4fa; + 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(129, 212, 250, 0.16); + color: #81d4fa; + 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: #81d4fa; + 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(129, 212, 250, 0.04); + border-color: transparent; + color: #81d4fa; + } + .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(129, 212, 250, 0.16); + border-color: transparent; + color: #81d4fa; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #c5e1a5; + border: 1px solid #c5e1a5; + } + .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: #b2d788; + color: #121212; + border-color: #b2d788; + } + .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 1px #d6eac0; + } + .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: #9fce6b; + color: #121212; + border-color: #9fce6b; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + color: #c5e1a5; + 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(197, 225, 165, 0.16); + color: #c5e1a5; + 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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #ffe082; + border: 1px solid #ffe082; + } + .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: #ffd65c; + color: #121212; + border-color: #ffd65c; + } + .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 1px #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: #ffcd35; + color: #121212; + border-color: #ffcd35; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .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: #c278ce; + color: #121212; + border-color: #c278ce; + } + .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 #ddb3e4; + } + .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: #b65ec5; + color: #121212; + border-color: #b65ec5; + } + .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: #121212; + background: #f48fb1; + border: 1px solid #f48fb1; + } + .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: #f16c98; + color: #121212; + border-color: #f16c98; + } + .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 1px #f7b1c8; + } + .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: #ed4980; + color: #121212; + border-color: #ed4980; + } + .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: #f48fb1; + 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, 143, 177, 0.04); + color: #f48fb1; + 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, 143, 177, 0.16); + color: #f48fb1; + 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: #f48fb1; + 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, 143, 177, 0.04); + border-color: transparent; + color: #f48fb1; + } + .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, 143, 177, 0.16); + border-color: transparent; + color: #f48fb1; + } + + .p-button.p-button-link { + color: #64B5F6; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #64B5F6; + 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.1rem #93cbf9; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #64B5F6; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 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 1px #93cbf9; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; + } + + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .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: #304562; + 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: #3c567a; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #64B5F6; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #64B5F6; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #64B5F6; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #64B5F6; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #93cbf9; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .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 #93cbf9; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #64B5F6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2d40; + } + .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: #1f2d40; + } + .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: #253144; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .p-column-filter-overlay { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 #93cbf9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 #304562; + } + .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: #1f2d40; + border: 1px solid #304562; + 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 1px #93cbf9; + border-color: #64B5F6; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #304562; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(12, 120, 207, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + + .p-paginator { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: solid #304562; + border-width: 1px; + 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: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + 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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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.286em; + } + .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.286em; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .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: #1f2d40; + border: 1px solid #304562; + 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 1px #93cbf9; + border-color: #64B5F6; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #304562; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #64B5F6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1f2d40; + } + .p-timeline .p-timeline-event-connector { + background-color: #304562; + } + .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 #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 #93cbf9; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #64B5F6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .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: #2396f2; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(35, 150, 242, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #304562; + background-color: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + } + .p-treetable .p-sortable-column { + outline-color: #93cbf9; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #64B5F6; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #64B5F6; + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #64B5F6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #93cbf9; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #64B5F6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2d40; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 1px #93cbf9; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 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: rgba(255, 255, 255, 0.6); + } + .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: #1f2d40; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #304562; + } + .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 #304562; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + 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 1px #93cbf9; + } + + .p-splitter { + border: 1px solid #304562; + background: #1f2d40; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #304562; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-splitter .p-splitter-gutter-resizing { + background: #304562; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + 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 1px #93cbf9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #64B5F6; + color: #64B5F6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2d40; + color: #64B5F6; + 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 1px #93cbf9; + } + .p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + 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 1px #93cbf9; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 1px #93cbf9; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #64B5F6; + } + .p-stepper .p-stepper-panels { + background: #1f2d40; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #304562; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + } + .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: #64B5F6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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(31, 45, 64, 0); + border-bottom-color: #1f2d40; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #304562; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2d40; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #304562; + } + .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: 1px solid #304562; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: #64B5F6; + 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: #43a5f4; + color: #212529; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #2e425d; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2d40; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #304562; + } + + .p-sidebar { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #93cbf9; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #304562; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #304562; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #304562; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2d40; + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + .p-fileupload .p-fileupload-content { + background: #1f2d40; + padding: 2rem 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #64B5F6; + border-style: dashed; + background-color: rgba(100, 181, 246, 0.16); + } + .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: #43a5f4; + color: #212529; + border-color: #43a5f4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #2396f2; + color: #212529; + border-color: #2396f2; + } + + .p-breadcrumb { + background: #1f2d40; + border: 1px solid #304562; + 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 1px #93cbf9; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #304562; + 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 #93cbf9; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #64B5F6; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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 #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + border-radius: 3px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #304562; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; + } + .p-slidemenu .p-menuitem-badge { + background: #64B5F6; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #304562; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #64B5F6; + 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 #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + 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 1px #93cbf9; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2d40; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2d40; + border-color: #64B5F6; + color: #64B5F6; + } + .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: #1f2d40; + color: #64B5F6; + 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 1px #93cbf9; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #304562; + 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: 1px; + 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: 1px; + 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: 1px; + 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: 1px; + 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 1px #93cbf9; + } + .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: none; + 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 1px #93cbf9; + } + .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: #304562; + 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: #3c567a; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 1px #93cbf9; + } + + .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: #304562; + 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 #1f2d40; + } + + .p-badge { + background: #64B5F6; + 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: #c5e1a5; + color: #121212; + } + .p-badge.p-badge-info { + background-color: #81d4fa; + color: #121212; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #121212; + } + .p-badge.p-badge-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + 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 1px #93cbf9; + } + .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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .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: #304562; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #64B5F6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #64B5F6; + 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: #304562; + border-radius: 3px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #64B5F6; + } + .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(100, 181, 246, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(100, 181, 246, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #64B5F6; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #121212; + } + .p-tag.p-tag-info { + background-color: #81d4fa; + color: #121212; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #121212; + } + .p-tag.p-tag-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: #64B5F6; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #64B5F6; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #64B5F6; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #64B5F6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #64B5F6; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/vela-green/theme.css b/booklore-ui/src/assets/layout/styles/theme/vela-green/theme.css new file mode 100644 index 00000000..0fee2471 --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/vela-green/theme.css @@ -0,0 +1,6422 @@ +: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: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #81C784; + --primary-color-text: #212529; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50: #e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(129, 199, 132, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --focus-ring: 0 0 0 1px #a7d8a9; + color-scheme: light 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:#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:#f9fcf9; + --primary-100:#e1f2e1; + --primary-200:#c9e7ca; + --primary-300:#b1dcb3; + --primary-400:#99d29b; + --primary-500:#81c784; + --primary-600:#6ea970; + --primary-700:#5a8b5c; + --primary-800:#476d49; + --primary-900:#345035; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.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 #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #81C784; +} +.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: #81C784; +} +.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: #81C784; +} +.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: #81C784; +} + +@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.4; + } + + .p-error { + color: #ef9a9a; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #a7d8a9; + } + + .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: #81C784; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ef9a9a; + } + + .p-autocomplete-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + 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: #81C784; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #81C784; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #304562; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #304562; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #304562; + 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: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #17212f; + border: 1px solid #304562; + 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: #81C784; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-cascadeselect.p-variant-filled { + background-color: #304562; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #304562; + } + + .p-cascadeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: #304562; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #81C784; + background: #81C784; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #81C784; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #54b358; + background: #54b358; + color: #212529; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #81C784; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #81C784; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #81C784; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2d40; + border: 1px solid #304562; + } + .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: #17212f; + border: 1px solid #304562; + 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: #81C784; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-dropdown.p-variant-filled { + background-color: #304562; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #304562; + } + + .p-dropdown-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #304562; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #304562; + } + .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: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #304562; + border-left: 1px solid #304562; + border-bottom: 1px solid #304562; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #304562; + } + + .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: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-inputmask.p-variant-filled { + background-color: #304562; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #304562; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: #304562; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #304562; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #304562; + } + + .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: #304562; + 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: rgba(255, 255, 255, 0.6); + 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 1px #a7d8a9; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #81C784; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6abd6e; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ef9a9a; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #17212f; + padding: 0.5rem 0.5rem; + border: 1px solid #304562; + 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: #81C784; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; + } + .p-inputtext.p-variant-filled { + background-color: #304562; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #304562; + } + .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: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #304562; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #304562; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #304562; + } + + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; + } + + .p-multiselect { + background: #17212f; + border: 1px solid #304562; + 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: #81C784; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-multiselect.p-variant-filled { + background: #304562; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #304562; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #304562; + } + + .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: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #304562; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; + } + + .p-password-panel { + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #304562; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f48fb1; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + right: 2rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #81C784; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: #81C784; + background: #81C784; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #54b358; + background: #54b358; + color: #212529; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #304562; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #81C784; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #54b358; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #81C784; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #54b358; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #81C784; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #81C784; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #81C784; + border-color: #81C784; + 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: #6abd6e; + border-color: #6abd6e; + 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: #ef9a9a; + } + + .p-slider { + background: #304562; + 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: #304562; + border: 2px solid #81C784; + 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 1px #a7d8a9; + } + .p-slider .p-slider-range { + background: #81C784; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #81C784; + border-color: #81C784; + } + .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: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #81C784; + border-color: #81C784; + 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: #6abd6e; + border-color: #6abd6e; + 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: #ef9a9a; + } + + .p-treeselect { + background: #17212f; + border: 1px solid #304562; + 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: #81C784; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-treeselect.p-variant-filled { + background-color: #304562; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #304562; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; + } + + .p-treeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #304562; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + 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: #6abd6e; + color: #212529; + border-color: #6abd6e; + } + .p-button:not(:disabled):active { + background: #54b358; + color: #212529; + border-color: #54b358; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #81C784; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #81C784; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: #81C784; + 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.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: #78909c; + border: 1px solid #78909c; + } + .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: #69838f; + color: #ffffff; + border-color: #69838f; + } + .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 1px #a1b1ba; + } + .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: #5d747f; + color: #ffffff; + border-color: #5d747f; + } + .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: #78909c; + 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(120, 144, 156, 0.04); + color: #78909c; + 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(120, 144, 156, 0.16); + color: #78909c; + 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: #78909c; + 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(120, 144, 156, 0.04); + border-color: transparent; + color: #78909c; + } + .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(120, 144, 156, 0.16); + border-color: transparent; + color: #78909c; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81d4fa; + border: 1px solid #81d4fa; + } + .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: #5dc8f9; + color: #121212; + border-color: #5dc8f9; + } + .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 1px #a7e1fc; + } + .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: #38bbf7; + color: #121212; + border-color: #38bbf7; + } + .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: #81d4fa; + 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(129, 212, 250, 0.04); + color: #81d4fa; + 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(129, 212, 250, 0.16); + color: #81d4fa; + 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: #81d4fa; + 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(129, 212, 250, 0.04); + border-color: transparent; + color: #81d4fa; + } + .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(129, 212, 250, 0.16); + border-color: transparent; + color: #81d4fa; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #c5e1a5; + border: 1px solid #c5e1a5; + } + .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: #b2d788; + color: #121212; + border-color: #b2d788; + } + .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 1px #d6eac0; + } + .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: #9fce6b; + color: #121212; + border-color: #9fce6b; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + color: #c5e1a5; + 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(197, 225, 165, 0.16); + color: #c5e1a5; + 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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #ffe082; + border: 1px solid #ffe082; + } + .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: #ffd65c; + color: #121212; + border-color: #ffd65c; + } + .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 1px #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: #ffcd35; + color: #121212; + border-color: #ffcd35; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .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: #c278ce; + color: #121212; + border-color: #c278ce; + } + .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 #ddb3e4; + } + .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: #b65ec5; + color: #121212; + border-color: #b65ec5; + } + .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: #121212; + background: #f48fb1; + border: 1px solid #f48fb1; + } + .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: #f16c98; + color: #121212; + border-color: #f16c98; + } + .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 1px #f7b1c8; + } + .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: #ed4980; + color: #121212; + border-color: #ed4980; + } + .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: #f48fb1; + 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, 143, 177, 0.04); + color: #f48fb1; + 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, 143, 177, 0.16); + color: #f48fb1; + 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: #f48fb1; + 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, 143, 177, 0.04); + border-color: transparent; + color: #f48fb1; + } + .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, 143, 177, 0.16); + border-color: transparent; + color: #f48fb1; + } + + .p-button.p-button-link { + color: #81C784; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #81C784; + 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.1rem #a7d8a9; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #81C784; + 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 1px #a7d8a9; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; + } + + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .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: #304562; + 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: #3c567a; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #81C784; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #81C784; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #81C784; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #81C784; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #a7d8a9; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .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 #a7d8a9; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #81C784; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2d40; + } + .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: #1f2d40; + } + .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: #253144; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .p-column-filter-overlay { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 #a7d8a9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 #304562; + } + .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: #1f2d40; + border: 1px solid #304562; + 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 1px #a7d8a9; + border-color: #81C784; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #304562; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(62, 139, 65, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + + .p-paginator { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: solid #304562; + border-width: 1px; + 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: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + 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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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.286em; + } + .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.286em; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(129, 199, 132, 0.16); + border-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .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: #1f2d40; + border: 1px solid #304562; + 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 1px #a7d8a9; + border-color: #81C784; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #304562; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #81C784; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1f2d40; + } + .p-timeline .p-timeline-event-connector { + background-color: #304562; + } + .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 #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 #a7d8a9; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #81C784; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .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: #54b358; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(84, 179, 88, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #304562; + background-color: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + } + .p-treetable .p-sortable-column { + outline-color: #a7d8a9; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #81C784; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #81C784; + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #81C784; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #a7d8a9; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #81C784; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2d40; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 1px #a7d8a9; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 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: rgba(255, 255, 255, 0.6); + } + .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: #1f2d40; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #304562; + } + .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 #304562; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + 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 1px #a7d8a9; + } + + .p-splitter { + border: 1px solid #304562; + background: #1f2d40; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #304562; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-splitter .p-splitter-gutter-resizing { + background: #304562; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + 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 1px #a7d8a9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #81C784; + color: #81C784; + } + .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: #1f2d40; + color: #81C784; + 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 1px #a7d8a9; + } + .p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + 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 1px #a7d8a9; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 1px #a7d8a9; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #81C784; + } + .p-stepper .p-stepper-panels { + background: #1f2d40; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #304562; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + } + .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: #81C784; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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(31, 45, 64, 0); + border-bottom-color: #1f2d40; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #304562; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2d40; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #304562; + } + .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: 1px solid #304562; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: #81C784; + 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: #6abd6e; + color: #212529; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #2e425d; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2d40; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #304562; + } + + .p-sidebar { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #a7d8a9; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #304562; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #304562; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #304562; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2d40; + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + .p-fileupload .p-fileupload-content { + background: #1f2d40; + padding: 2rem 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #81C784; + border-style: dashed; + background-color: rgba(129, 199, 132, 0.16); + } + .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: #6abd6e; + color: #212529; + border-color: #6abd6e; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #54b358; + color: #212529; + border-color: #54b358; + } + + .p-breadcrumb { + background: #1f2d40; + border: 1px solid #304562; + 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 1px #a7d8a9; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #304562; + 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 #a7d8a9; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #81C784; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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 #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + border-radius: 3px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #304562; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; + } + .p-slidemenu .p-menuitem-badge { + background: #81C784; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #304562; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #81C784; + 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 #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + 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 1px #a7d8a9; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2d40; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2d40; + border-color: #81C784; + color: #81C784; + } + .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: #1f2d40; + color: #81C784; + 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 1px #a7d8a9; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #304562; + 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: 1px; + 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: 1px; + 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: 1px; + 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: 1px; + 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 1px #a7d8a9; + } + .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: none; + 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 1px #a7d8a9; + } + .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: #304562; + 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: #3c567a; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 1px #a7d8a9; + } + + .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: #304562; + 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 #1f2d40; + } + + .p-badge { + background: #81C784; + 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: #c5e1a5; + color: #121212; + } + .p-badge.p-badge-info { + background-color: #81d4fa; + color: #121212; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #121212; + } + .p-badge.p-badge-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + 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 1px #a7d8a9; + } + .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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .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: #304562; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #81C784; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #81C784; + 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: #304562; + border-radius: 3px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #81C784; + } + .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(129, 199, 132, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(129, 199, 132, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #81C784; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #121212; + } + .p-tag.p-tag-info { + background-color: #81d4fa; + color: #121212; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #121212; + } + .p-tag.p-tag-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: #81C784; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #81C784; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #81C784; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #81C784; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #81C784; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/vela-orange/theme.css b/booklore-ui/src/assets/layout/styles/theme/vela-orange/theme.css new file mode 100644 index 00000000..c3d37ade --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/vela-orange/theme.css @@ -0,0 +1,6422 @@ +: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: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #FFD54F; + --primary-color-text: #212529; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50: #e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(255, 213, 79, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --focus-ring: 0 0 0 1px #ffe284; + color-scheme: light 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:#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:#fffdf6; + --primary-100:#fff5d5; + --primary-200:#ffedb3; + --primary-300:#ffe592; + --primary-400:#ffdd70; + --primary-500:#ffd54f; + --primary-600:#d9b543; + --primary-700:#b39537; + --primary-800:#8c752b; + --primary-900:#665520; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.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 #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFD54F; +} +.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: #FFD54F; +} +.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: #FFD54F; +} +.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: #FFD54F; +} + +@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.4; + } + + .p-error { + color: #ef9a9a; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #ffe284; + } + + .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: #FFD54F; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ef9a9a; + } + + .p-autocomplete-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + 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: #FFD54F; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #FFD54F; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #304562; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #304562; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #304562; + 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: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #17212f; + border: 1px solid #304562; + 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: #FFD54F; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-cascadeselect.p-variant-filled { + background-color: #304562; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #304562; + } + + .p-cascadeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: #304562; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #FFD54F; + background: #FFD54F; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #FFD54F; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #ffc50c; + background: #ffc50c; + color: #212529; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #FFD54F; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #FFD54F; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #FFD54F; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2d40; + border: 1px solid #304562; + } + .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: #17212f; + border: 1px solid #304562; + 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: #FFD54F; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-dropdown.p-variant-filled { + background-color: #304562; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #304562; + } + + .p-dropdown-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #304562; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #304562; + } + .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: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #304562; + border-left: 1px solid #304562; + border-bottom: 1px solid #304562; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #304562; + } + + .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: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-inputmask.p-variant-filled { + background-color: #304562; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #304562; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: #304562; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #304562; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #304562; + } + + .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: #304562; + 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: rgba(255, 255, 255, 0.6); + 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 1px #ffe284; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #FFD54F; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #ffcd2e; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ef9a9a; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #17212f; + padding: 0.5rem 0.5rem; + border: 1px solid #304562; + 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: #FFD54F; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; + } + .p-inputtext.p-variant-filled { + background-color: #304562; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #304562; + } + .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: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #304562; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #304562; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #304562; + } + + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; + } + + .p-multiselect { + background: #17212f; + border: 1px solid #304562; + 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: #FFD54F; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-multiselect.p-variant-filled { + background: #304562; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #304562; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #304562; + } + + .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: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #304562; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; + } + + .p-password-panel { + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #304562; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f48fb1; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + right: 2rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #FFD54F; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: #FFD54F; + background: #FFD54F; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #ffc50c; + background: #ffc50c; + color: #212529; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #304562; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #FFD54F; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffc50c; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #FFD54F; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffc50c; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #FFD54F; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #FFD54F; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #FFD54F; + border-color: #FFD54F; + 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: #ffcd2e; + border-color: #ffcd2e; + 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: #ef9a9a; + } + + .p-slider { + background: #304562; + 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: #304562; + border: 2px solid #FFD54F; + 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 1px #ffe284; + } + .p-slider .p-slider-range { + background: #FFD54F; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #FFD54F; + border-color: #FFD54F; + } + .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: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #FFD54F; + border-color: #FFD54F; + 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: #ffcd2e; + border-color: #ffcd2e; + 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: #ef9a9a; + } + + .p-treeselect { + background: #17212f; + border: 1px solid #304562; + 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: #FFD54F; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-treeselect.p-variant-filled { + background-color: #304562; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #304562; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; + } + + .p-treeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #304562; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + 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: #ffcd2e; + color: #212529; + border-color: #ffcd2e; + } + .p-button:not(:disabled):active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #FFD54F; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #FFD54F; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: #FFD54F; + 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.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: #78909c; + border: 1px solid #78909c; + } + .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: #69838f; + color: #ffffff; + border-color: #69838f; + } + .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 1px #a1b1ba; + } + .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: #5d747f; + color: #ffffff; + border-color: #5d747f; + } + .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: #78909c; + 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(120, 144, 156, 0.04); + color: #78909c; + 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(120, 144, 156, 0.16); + color: #78909c; + 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: #78909c; + 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(120, 144, 156, 0.04); + border-color: transparent; + color: #78909c; + } + .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(120, 144, 156, 0.16); + border-color: transparent; + color: #78909c; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81d4fa; + border: 1px solid #81d4fa; + } + .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: #5dc8f9; + color: #121212; + border-color: #5dc8f9; + } + .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 1px #a7e1fc; + } + .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: #38bbf7; + color: #121212; + border-color: #38bbf7; + } + .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: #81d4fa; + 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(129, 212, 250, 0.04); + color: #81d4fa; + 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(129, 212, 250, 0.16); + color: #81d4fa; + 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: #81d4fa; + 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(129, 212, 250, 0.04); + border-color: transparent; + color: #81d4fa; + } + .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(129, 212, 250, 0.16); + border-color: transparent; + color: #81d4fa; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #c5e1a5; + border: 1px solid #c5e1a5; + } + .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: #b2d788; + color: #121212; + border-color: #b2d788; + } + .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 1px #d6eac0; + } + .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: #9fce6b; + color: #121212; + border-color: #9fce6b; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + color: #c5e1a5; + 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(197, 225, 165, 0.16); + color: #c5e1a5; + 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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #ffe082; + border: 1px solid #ffe082; + } + .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: #ffd65c; + color: #121212; + border-color: #ffd65c; + } + .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 1px #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: #ffcd35; + color: #121212; + border-color: #ffcd35; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .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: #c278ce; + color: #121212; + border-color: #c278ce; + } + .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 #ddb3e4; + } + .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: #b65ec5; + color: #121212; + border-color: #b65ec5; + } + .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: #121212; + background: #f48fb1; + border: 1px solid #f48fb1; + } + .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: #f16c98; + color: #121212; + border-color: #f16c98; + } + .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 1px #f7b1c8; + } + .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: #ed4980; + color: #121212; + border-color: #ed4980; + } + .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: #f48fb1; + 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, 143, 177, 0.04); + color: #f48fb1; + 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, 143, 177, 0.16); + color: #f48fb1; + 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: #f48fb1; + 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, 143, 177, 0.04); + border-color: transparent; + color: #f48fb1; + } + .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, 143, 177, 0.16); + border-color: transparent; + color: #f48fb1; + } + + .p-button.p-button-link { + color: #FFD54F; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #FFD54F; + 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.1rem #ffe284; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #FFD54F; + 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 1px #ffe284; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; + } + + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .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: #304562; + 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: #3c567a; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #FFD54F; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFD54F; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #FFD54F; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #FFD54F; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #ffe284; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .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 #ffe284; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #FFD54F; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2d40; + } + .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: #1f2d40; + } + .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: #253144; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .p-column-filter-overlay { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 #ffe284; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 #304562; + } + .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: #1f2d40; + border: 1px solid #304562; + 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 1px #ffe284; + border-color: #FFD54F; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #304562; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(207, 157, 0, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + + .p-paginator { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: solid #304562; + border-width: 1px; + 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: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + 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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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.286em; + } + .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.286em; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(255, 213, 79, 0.16); + border-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .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: #1f2d40; + border: 1px solid #304562; + 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 1px #ffe284; + border-color: #FFD54F; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #304562; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #FFD54F; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1f2d40; + } + .p-timeline .p-timeline-event-connector { + background-color: #304562; + } + .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 #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 #ffe284; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #FFD54F; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .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: #ffc50c; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(255, 197, 12, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #304562; + background-color: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + } + .p-treetable .p-sortable-column { + outline-color: #ffe284; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #FFD54F; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #FFD54F; + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #FFD54F; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #ffe284; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #FFD54F; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2d40; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 1px #ffe284; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 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: rgba(255, 255, 255, 0.6); + } + .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: #1f2d40; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #304562; + } + .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 #304562; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + 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 1px #ffe284; + } + + .p-splitter { + border: 1px solid #304562; + background: #1f2d40; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #304562; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-splitter .p-splitter-gutter-resizing { + background: #304562; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + 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 1px #ffe284; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #FFD54F; + color: #FFD54F; + } + .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: #1f2d40; + color: #FFD54F; + 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 1px #ffe284; + } + .p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + 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 1px #ffe284; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 1px #ffe284; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #FFD54F; + } + .p-stepper .p-stepper-panels { + background: #1f2d40; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #304562; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + } + .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: #FFD54F; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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(31, 45, 64, 0); + border-bottom-color: #1f2d40; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #304562; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2d40; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #304562; + } + .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: 1px solid #304562; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: #FFD54F; + 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: #ffcd2e; + color: #212529; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #2e425d; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2d40; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #304562; + } + + .p-sidebar { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #ffe284; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #304562; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #304562; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #304562; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2d40; + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + .p-fileupload .p-fileupload-content { + background: #1f2d40; + padding: 2rem 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #FFD54F; + border-style: dashed; + background-color: rgba(255, 213, 79, 0.16); + } + .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: #ffcd2e; + color: #212529; + border-color: #ffcd2e; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; + } + + .p-breadcrumb { + background: #1f2d40; + border: 1px solid #304562; + 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 1px #ffe284; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #304562; + 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 #ffe284; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #FFD54F; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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 #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + border-radius: 3px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #304562; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; + } + .p-slidemenu .p-menuitem-badge { + background: #FFD54F; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #304562; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #FFD54F; + 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 #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + 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 1px #ffe284; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2d40; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2d40; + border-color: #FFD54F; + color: #FFD54F; + } + .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: #1f2d40; + color: #FFD54F; + 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 1px #ffe284; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #304562; + 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: 1px; + 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: 1px; + 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: 1px; + 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: 1px; + 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 1px #ffe284; + } + .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: none; + 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 1px #ffe284; + } + .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: #304562; + 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: #3c567a; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 1px #ffe284; + } + + .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: #304562; + 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 #1f2d40; + } + + .p-badge { + background: #FFD54F; + 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: #c5e1a5; + color: #121212; + } + .p-badge.p-badge-info { + background-color: #81d4fa; + color: #121212; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #121212; + } + .p-badge.p-badge-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + 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 1px #ffe284; + } + .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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .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: #304562; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #FFD54F; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #FFD54F; + 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: #304562; + border-radius: 3px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #FFD54F; + } + .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(255, 213, 79, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(255, 213, 79, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #FFD54F; + color: #212529; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #121212; + } + .p-tag.p-tag-info { + background-color: #81d4fa; + color: #121212; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #121212; + } + .p-tag.p-tag-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: #FFD54F; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #FFD54F; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #FFD54F; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #FFD54F; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #FFD54F; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/vela-purple/theme.css b/booklore-ui/src/assets/layout/styles/theme/vela-purple/theme.css new file mode 100644 index 00000000..2b9f423f --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/vela-purple/theme.css @@ -0,0 +1,6422 @@ +: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: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #BA68C8; + --primary-color-text: #ffffff; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50: #e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(186, 104, 200, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --focus-ring: 0 0 0 1px #cf95d9; + color-scheme: light 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:#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:#fcf7fc; + --primary-100:#eedbf2; + --primary-200:#e1bee7; + --primary-300:#d4a1dd; + --primary-400:#c785d2; + --primary-500:#ba68c8; + --primary-600:#9e58aa; + --primary-700:#82498c; + --primary-800:#66396e; + --primary-900:#4a2a50; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.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 #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #BA68C8; +} +.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: #BA68C8; +} +.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: #BA68C8; +} +.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: #BA68C8; +} + +@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.4; + } + + .p-error { + color: #ef9a9a; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 1px #cf95d9; + } + + .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: #BA68C8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ef9a9a; + } + + .p-autocomplete-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ef9a9a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + 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: #BA68C8; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #BA68C8; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #304562; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #304562; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #304562; + 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: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #17212f; + border: 1px solid #304562; + 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: #BA68C8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-cascadeselect.p-variant-filled { + background-color: #304562; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #304562; + } + + .p-cascadeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: #304562; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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 #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #BA68C8; + background: #BA68C8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #BA68C8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a241b2; + background: #a241b2; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #BA68C8; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #304562; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #BA68C8; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #BA68C8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ef9a9a; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2d40; + border: 1px solid #304562; + } + .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: #17212f; + border: 1px solid #304562; + 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: #BA68C8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } + .p-dropdown.p-variant-filled { + background-color: #304562; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #304562; + } + + .p-dropdown-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #304562; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #304562; + } + .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: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #304562; + border-left: 1px solid #304562; + border-bottom: 1px solid #304562; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #304562; + } + + .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: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.5rem; + } + + .p-inputmask.p-variant-filled { + background-color: #304562; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #304562; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ef9a9a; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: #304562; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #304562; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #304562; + } + + .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: #304562; + 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: rgba(255, 255, 255, 0.6); + 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 1px #cf95d9; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.03); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #BA68C8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #b052c0; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ef9a9a; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #17212f; + padding: 0.5rem 0.5rem; + border: 1px solid #304562; + 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: #BA68C8; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ef9a9a; + } + .p-inputtext.p-variant-filled { + background-color: #304562; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #304562; + } + .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: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ef9a9a; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + .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: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #304562; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #304562; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #304562; + } + + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ef9a9a; + } + + .p-multiselect { + background: #17212f; + border: 1px solid #304562; + 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: #BA68C8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-multiselect.p-variant-filled { + background: #304562; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #304562; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #304562; + } + + .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: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-multiselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #304562; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ef9a9a; + } + + .p-password-panel { + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #304562; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f48fb1; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe082; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #c5e1a5; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + right: 2rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #304562; + background: #17212f; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + 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: #BA68C8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: #BA68C8; + background: #BA68C8; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a241b2; + background: #a241b2; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #304562; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #BA68C8; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a241b2; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ef9a9a; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #304562; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #BA68C8; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a241b2; + } + + .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: rgba(255, 255, 255, 0.87); + 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: #f48fb1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #BA68C8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #BA68C8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; + } + + .p-selectbutton .p-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #BA68C8; + border-color: #BA68C8; + 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: #b052c0; + border-color: #b052c0; + 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: #ef9a9a; + } + + .p-slider { + background: #304562; + 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: #304562; + border: 2px solid #BA68C8; + 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 1px #cf95d9; + } + .p-slider .p-slider-range { + background: #BA68C8; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #BA68C8; + border-color: #BA68C8; + } + .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: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #BA68C8; + border-color: #BA68C8; + 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: #b052c0; + border-color: #b052c0; + 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: #ef9a9a; + } + + .p-treeselect { + background: #17212f; + border: 1px solid #304562; + 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: #BA68C8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .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: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-treeselect.p-variant-filled { + background-color: #304562; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #304562; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #304562; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ef9a9a; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; + } + + .p-treeselect-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.6); + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #304562; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #304562; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #304562; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + + .p-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + 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: #b052c0; + color: #ffffff; + border-color: #b052c0; + } + .p-button:not(:disabled):active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #BA68C8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #BA68C8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: #BA68C8; + 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.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: #78909c; + border: 1px solid #78909c; + } + .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: #69838f; + color: #ffffff; + border-color: #69838f; + } + .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 1px #a1b1ba; + } + .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: #5d747f; + color: #ffffff; + border-color: #5d747f; + } + .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: #78909c; + 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(120, 144, 156, 0.04); + color: #78909c; + 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(120, 144, 156, 0.16); + color: #78909c; + 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: #78909c; + 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(120, 144, 156, 0.04); + border-color: transparent; + color: #78909c; + } + .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(120, 144, 156, 0.16); + border-color: transparent; + color: #78909c; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #121212; + background: #81d4fa; + border: 1px solid #81d4fa; + } + .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: #5dc8f9; + color: #121212; + border-color: #5dc8f9; + } + .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 1px #a7e1fc; + } + .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: #38bbf7; + color: #121212; + border-color: #38bbf7; + } + .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: #81d4fa; + 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(129, 212, 250, 0.04); + color: #81d4fa; + 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(129, 212, 250, 0.16); + color: #81d4fa; + 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: #81d4fa; + 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(129, 212, 250, 0.04); + border-color: transparent; + color: #81d4fa; + } + .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(129, 212, 250, 0.16); + border-color: transparent; + color: #81d4fa; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #121212; + background: #c5e1a5; + border: 1px solid #c5e1a5; + } + .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: #b2d788; + color: #121212; + border-color: #b2d788; + } + .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 1px #d6eac0; + } + .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: #9fce6b; + color: #121212; + border-color: #9fce6b; + } + .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: #c5e1a5; + 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(197, 225, 165, 0.04); + color: #c5e1a5; + 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(197, 225, 165, 0.16); + color: #c5e1a5; + 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: #c5e1a5; + 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(197, 225, 165, 0.04); + border-color: transparent; + color: #c5e1a5; + } + .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(197, 225, 165, 0.16); + border-color: transparent; + color: #c5e1a5; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #121212; + background: #ffe082; + border: 1px solid #ffe082; + } + .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: #ffd65c; + color: #121212; + border-color: #ffd65c; + } + .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 1px #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: #ffcd35; + color: #121212; + border-color: #ffcd35; + } + .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: #ffe082; + 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, 224, 130, 0.04); + color: #ffe082; + 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, 224, 130, 0.16); + color: #ffe082; + 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: #ffe082; + 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, 224, 130, 0.04); + border-color: transparent; + color: #ffe082; + } + .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, 224, 130, 0.16); + border-color: transparent; + color: #ffe082; + } + + .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: #c278ce; + color: #121212; + border-color: #c278ce; + } + .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 #ddb3e4; + } + .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: #b65ec5; + color: #121212; + border-color: #b65ec5; + } + .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: #121212; + background: #f48fb1; + border: 1px solid #f48fb1; + } + .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: #f16c98; + color: #121212; + border-color: #f16c98; + } + .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 1px #f7b1c8; + } + .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: #ed4980; + color: #121212; + border-color: #ed4980; + } + .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: #f48fb1; + 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, 143, 177, 0.04); + color: #f48fb1; + 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, 143, 177, 0.16); + color: #f48fb1; + 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: #f48fb1; + 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, 143, 177, 0.04); + border-color: transparent; + color: #f48fb1; + } + .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, 143, 177, 0.16); + border-color: transparent; + color: #f48fb1; + } + + .p-button.p-button-link { + color: #BA68C8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #BA68C8; + 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.1rem #cf95d9; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #BA68C8; + 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 1px #cf95d9; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; + } + + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .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: #304562; + 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: #3c567a; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #BA68C8; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #BA68C8; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #BA68C8; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #BA68C8; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #cf95d9; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .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 #cf95d9; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #BA68C8; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2d40; + } + .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: #1f2d40; + } + .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: #253144; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .p-column-filter-overlay { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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 #cf95d9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 #304562; + } + .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: #1f2d40; + border: 1px solid #304562; + 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 1px #cf95d9; + border-color: #BA68C8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #304562; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(117, 47, 129, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #304562; + border-color: rgba(255, 255, 255, 0.6); + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + + .p-paginator { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: solid #304562; + border-width: 1px; + 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: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + 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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .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.286em; + } + .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.286em; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.286em; + height: 2.286em; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(186, 104, 200, 0.16); + border-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .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: #1f2d40; + border: 1px solid #304562; + 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 1px #cf95d9; + border-color: #BA68C8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #304562; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .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.03); + } + + .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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #BA68C8; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #1f2d40; + } + .p-timeline .p-timeline-event-connector { + background-color: #304562; + } + .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 #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 #cf95d9; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #BA68C8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .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: #a241b2; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(162, 65, 178, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #304562; + background-color: #1f2d40; + color: rgba(255, 255, 255, 0.87); + padding: 0; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #304562; + border-width: 0 0 1px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + } + .p-treetable .p-sortable-column { + outline-color: #cf95d9; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #1f2d40; + color: #BA68C8; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #BA68C8; + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #304562; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #BA68C8; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #304562; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #cf95d9; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #BA68C8; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2d40; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #304562; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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 #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 1px #cf95d9; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 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: rgba(255, 255, 255, 0.6); + } + .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: #1f2d40; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #304562; + } + .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 #304562; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border-radius: 3px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 1px solid #304562; + padding: 1rem; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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 #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + 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 1px #cf95d9; + } + + .p-splitter { + border: 1px solid #304562; + background: #1f2d40; + border-radius: 3px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #304562; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-splitter .p-splitter-gutter-resizing { + background: #304562; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + 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 #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + 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 1px #cf95d9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #BA68C8; + color: #BA68C8; + } + .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: #1f2d40; + color: #BA68C8; + 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 1px #cf95d9; + } + .p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + 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 1px #cf95d9; + } + + .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: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-width: 2px; + background: transparent; + 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: rgba(255, 255, 255, 0.6); + 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 1px #cf95d9; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #BA68C8; + } + .p-stepper .p-stepper-panels { + background: #1f2d40; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #304562; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + } + .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: #BA68C8; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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(31, 45, 64, 0); + border-bottom-color: #1f2d40; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #304562; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2d40; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #304562; + } + .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: 1px solid #304562; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: #BA68C8; + 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: #b052c0; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 45, 64, 0); + border-bottom-color: #1f2d40; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(48, 69, 98, 0); + border-bottom-color: #2e425d; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2d40; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #304562; + } + + .p-sidebar { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .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 1px #cf95d9; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #304562; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #304562; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #304562; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2d40; + padding: 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + .p-fileupload .p-fileupload-content { + background: #1f2d40; + padding: 2rem 1rem; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #BA68C8; + border-style: dashed; + background-color: rgba(186, 104, 200, 0.16); + } + .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: #b052c0; + color: #ffffff; + border-color: #b052c0; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; + } + + .p-breadcrumb { + background: #1f2d40; + border: 1px solid #304562; + 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 1px #cf95d9; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #304562; + 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 #cf95d9; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + 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 #304562; + 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: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #1f2d40; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #BA68C8; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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 #304562; + color: rgba(255, 255, 255, 0.87); + background: #1f2d40; + border-radius: 3px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); + 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: #304562; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #304562; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #304562; + 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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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 #304562; + 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; + } + .p-slidemenu .p-menuitem-badge { + background: #BA68C8; + 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: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #304562; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #BA68C8; + 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 #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + 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 1px #cf95d9; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2d40; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2d40; + border-color: #BA68C8; + color: #BA68C8; + } + .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: #1f2d40; + color: #BA68C8; + 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 1px #cf95d9; + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + border-radius: 3px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #304562; + 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: 1px; + 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: 1px; + 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: 1px; + 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: 1px; + 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 1px #cf95d9; + } + .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: none; + 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 1px #cf95d9; + } + .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: #304562; + 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: #3c567a; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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 1px #cf95d9; + } + + .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: #304562; + 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 #1f2d40; + } + + .p-badge { + background: #BA68C8; + 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: #c5e1a5; + color: #121212; + } + .p-badge.p-badge-info { + background-color: #81d4fa; + color: #121212; + } + .p-badge.p-badge-warning { + background-color: #ffe082; + color: #121212; + } + .p-badge.p-badge-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #304562; + color: rgba(255, 255, 255, 0.87); + 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 1px #cf95d9; + } + .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: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .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: #304562; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #BA68C8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #BA68C8; + 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: #304562; + border-radius: 3px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #BA68C8; + } + .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(186, 104, 200, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(186, 104, 200, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .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: #BA68C8; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; + } + .p-tag.p-tag-success { + background-color: #c5e1a5; + color: #121212; + } + .p-tag.p-tag-info { + background-color: #81d4fa; + color: #121212; + } + .p-tag.p-tag-warning { + background-color: #ffe082; + color: #121212; + } + .p-tag.p-tag-danger { + background-color: #f48fb1; + color: #121212; + } + .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: #1f2d40; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #304562; + 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: #BA68C8; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #BA68C8; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #BA68C8; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #BA68C8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #BA68C8; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff new file mode 100644 index 00000000..e3875cb2 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 new file mode 100644 index 00000000..9c1f9816 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff new file mode 100644 index 00000000..64695c9b Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 new file mode 100644 index 00000000..b6319fed Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff new file mode 100644 index 00000000..1ca4e201 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..b7630873 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff new file mode 100644 index 00000000..46eb087c Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..bc34a6ba Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-dark/theme.css b/booklore-ui/src/assets/layout/styles/theme/viva-dark/theme.css new file mode 100644 index 00000000..6475bb3e --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/viva-dark/theme.css @@ -0,0 +1,6556 @@ +:root { + font-family: Poppins, sans-serif; + --font-family: Poppins, sans-serif; + --surface-a: #161d21; + --surface-b: #0e1315; + --surface-c: rgba(158, 173, 230, 0.08); + --surface-d: #263238; + --surface-e: #161d21; + --surface-f: #161d21; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #9eade6; + --primary-color-text: #121212; + --surface-0: #0e1315; + --surface-50: #262b2c; + --surface-100: #3e4244; + --surface-200: #565a5b; + --surface-300: #6e7173; + --surface-400: #87898a; + --surface-500: #9fa1a1; + --surface-600: #b7b8b9; + --surface-700: #cfd0d0; + --surface-800: #e7e7e8; + --surface-900: #ffffff; + --gray-50: #e7e7e8; + --gray-100: #cfd0d0; + --gray-200: #b7b8b9; + --gray-300: #9fa1a1; + --gray-400: #87898a; + --gray-500: #6e7173; + --gray-600: #565a5b; + --gray-700: #3e4244; + --gray-800: #262b2c; + --gray-900: #0e1315; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #0e1315; + --surface-section: #0e1315; + --surface-card: #161d21; + --surface-overlay: #161d21; + --surface-border: #263238; + --surface-hover: rgba($primaryColor, 0.08); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(158, 173, 230, 0.16); + --highlight-text-color: #9eade6; + --focus-ring: 0 0 0 1px #9eade6; + color-scheme: dark; +} + +/* poppins-300 - latin-ext_latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 300; + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-300.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-regular - latin-ext_latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 400; + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-600 - latin-ext_latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 600; + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-600.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-600.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-700 - latin-ext_latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 700; + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f6fbfd; + --blue-100:#d6eaf5; + --blue-200:#b5d9ed; + --blue-300:#95c8e4; + --blue-400:#74b7dc; + --blue-500:#54a6d4; + --blue-600:#478db4; + --blue-700:#3b7494; + --blue-800:#2e5b75; + --blue-900:#224255; + --green-50:#f9fbf4; + --green-100:#e3eccc; + --green-200:#cddca4; + --green-300:#b7cd7c; + --green-400:#a1bd54; + --green-500:#8bae2c; + --green-600:#769425; + --green-700:#617a1f; + --green-800:#4c6018; + --green-900:#384612; + --yellow-50:#fffdf4; + --yellow-100:#fff4cc; + --yellow-200:#ffeba3; + --yellow-300:#ffe27b; + --yellow-400:#ffd952; + --yellow-500:#ffd02a; + --yellow-600:#d9b124; + --yellow-700:#b3921d; + --yellow-800:#8c7217; + --yellow-900:#665311; + --cyan-50:#f5fafc; + --cyan-100:#cfe9f3; + --cyan-200:#a8d8e9; + --cyan-300:#82c7df; + --cyan-400:#5bb5d6; + --cyan-500:#35a4cc; + --cyan-600:#2d8bad; + --cyan-700:#25738f; + --cyan-800:#1d5a70; + --cyan-900:#154252; + --pink-50:#fdf6f8; + --pink-100:#f5d6dd; + --pink-200:#edb5c2; + --pink-300:#e495a8; + --pink-400:#dc748d; + --pink-500:#d45472; + --pink-600:#b44761; + --pink-700:#943b50; + --pink-800:#752e3f; + --pink-900:#55222e; + --indigo-50:#f6f8fd; + --indigo-100:#d6ddf5; + --indigo-200:#b5c2ed; + --indigo-300:#95a8e4; + --indigo-400:#748ddc; + --indigo-500:#5472d4; + --indigo-600:#4761b4; + --indigo-700:#3b5094; + --indigo-800:#2e3f75; + --indigo-900:#222e55; + --teal-50:#f5fcfa; + --teal-100:#d1f0e8; + --teal-200:#ace3d6; + --teal-300:#88d7c4; + --teal-400:#63cbb2; + --teal-500:#3fbfa0; + --teal-600:#36a288; + --teal-700:#2c8670; + --teal-800:#236958; + --teal-900:#194c40; + --orange-50:#fffaf4; + --orange-100:#ffe5cc; + --orange-200:#ffd0a3; + --orange-300:#ffbb7b; + --orange-400:#ffa752; + --orange-500:#ff922a; + --orange-600:#d97c24; + --orange-700:#b3661d; + --orange-800:#8c5017; + --orange-900:#663a11; + --bluegray-50:#f9fafb; + --bluegray-100:#e1e5ea; + --bluegray-200:#c9d0d9; + --bluegray-300:#b1bbc8; + --bluegray-400:#99a6b7; + --bluegray-500:#8191a6; + --bluegray-600:#6e7b8d; + --bluegray-700:#5a6674; + --bluegray-800:#47505b; + --bluegray-900:#343a42; + --purple-50:#f8f6fd; + --purple-100:#ded6f5; + --purple-200:#c4b5ed; + --purple-300:#aa95e4; + --purple-400:#9074dc; + --purple-500:#7654d4; + --purple-600:#6447b4; + --purple-700:#533b94; + --purple-800:#412e75; + --purple-900:#2f2255; + --red-50:#fff7f6; + --red-100:#ffd8d2; + --red-200:#ffb9af; + --red-300:#ff9b8b; + --red-400:#ff7c68; + --red-500:#ff5d44; + --red-600:#d94f3a; + --red-700:#b34130; + --red-800:#8c3325; + --red-900:#66251b; + --primary-50:#fafbfe; + --primary-100:#e8ebf9; + --primary-200:#d5dcf4; + --primary-300:#c3ccf0; + --primary-400:#b0bdeb; + --primary-500:#9eade6; + --primary-600:#8693c4; + --primary-700:#6f79a1; + --primary-800:#575f7f; + --primary-900:#3f455c; +} + +.p-editor-container .p-editor-toolbar { + background: #161d21; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 2px solid #263238; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #161d21; + border: 1px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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.5rem 0.5rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); +} +.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: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 2px solid #263238; +} +.p-editor-container .p-editor-content .ql-editor { + background: #0e1315; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9eade6; +} +.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: #9eade6; +} +.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: #9eade6; +} +.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: #9eade6; +} + +@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.3s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.4; + } + + .p-error { + color: #f78c79; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .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 0 0 1px #9eade6; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.607rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #2d3e44; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #263238; + color: rgba(255, 255, 255, 0.87); + 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: #2d3e44; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f78c79; + } + + .p-autocomplete-panel { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #263238; + 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.5rem 0.5rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f78c79; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.607rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f78c79; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + + .p-datepicker { + padding: 0.5rem; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #161d21; + border: 1px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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: #161d21; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #263238; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .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 1px #9eade6; + } + .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: rgba(255, 255, 255, 0.87); + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + 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: #9eade6; + } + .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.3s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #9eade6; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #263238; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #263238; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .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.3s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #263238; + 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: rgba(158, 173, 230, 0.08); + } + .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 1px #9eade6; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + } + .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 1px #9eade6; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + } + .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 1px #9eade6; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.607rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #0e1315; + border: 2px solid #263238; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #2d3e44; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.857rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f78c79; + } + .p-cascadeselect.p-variant-filled { + background-color: #263238; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #263238; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #263238; + } + + .p-cascadeselect-panel { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #263238; + 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.5rem 0.5rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0 0 4px 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .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: #263238; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #263238; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #263238; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f78c79; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + .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 #263238; + background: #0e1315; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.3s; + color: #121212; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #9eade6; + background: #9eade6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #2d3e44; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #7f93de; + background: #7f93de; + color: #121212; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #263238; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #9eade6; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #263238; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #7f93de; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f78c79; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #263238; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #9eade6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #263238; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #7f93de; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f78c79; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #2d3e44; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #263238; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #2d3e44; + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f78c79; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #161d21; + border: 1px solid #263238; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .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: #0e1315; + border: 2px solid #263238; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #2d3e44; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.857rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f78c79; + } + .p-dropdown.p-variant-filled { + background-color: #263238; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #263238; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #263238; + } + + .p-dropdown-panel { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #263238; + 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.5rem 1.5rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0.5rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #263238; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #263238; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #263238; + } + .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: #f78c79; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #161d21; + color: rgba(255, 255, 255, 0.6); + border-top: 2px solid #263238; + border-left: 2px solid #263238; + border-bottom: 2px solid #263238; + padding: 0.5rem 0.75rem; + min-width: 2.857rem; + } + .p-inputgroup-addon:last-child { + border-right: 2px solid #263238; + } + + .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.857rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f78c79; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #263238; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #263238; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #263238; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f78c79; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.607rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.607rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #263238; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #263238; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #263238; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #263238; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 6px; + transition-duration: 0.3s; + } + .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 1px #9eade6; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(158, 173, 230, 0.08); + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #9eade6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.87); + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #8fa0e2; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f78c79; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #0e1315; + padding: 0.5rem 0.75rem; + border: 2px solid #263238; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #2d3e44; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f78c79; + } + .p-inputtext.p-variant-filled { + background-color: #263238; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #263238; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #263238; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.3s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f78c79; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #263238; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #263238; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #263238; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 1.5rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.5rem 0.5rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .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: rgba(255, 255, 255, 0.87); + background: #161d21; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f78c79; + } + + .p-multiselect { + background: #0e1315; + border: 2px solid #263238; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #2d3e44; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #263238; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.6); + width: 2.857rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #263238; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #263238; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #263238; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + .p-multiselect-panel { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #263238; + 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.5rem 1.5rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .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: rgba(255, 255, 255, 0.87); + background: #161d21; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #263238; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #263238; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #263238; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f78c79; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f78c79; + } + + .p-password-panel { + padding: 1rem; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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: #263238; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #e693a9; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffe08a; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #cede9c; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #263238; + background: #0e1315; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #2d3e44; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.3s; + background-color: #121212; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #9eade6; + background: #9eade6; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #7f93de; + background: #7f93de; + color: #121212; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #263238; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #263238; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #9eade6; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #7f93de; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f78c79; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #263238; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #263238; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #9eade6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #7f93de; + } + + .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: rgba(255, 255, 255, 0.87); + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + 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: #df7e6c; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #9eade6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #9eade6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f88c79; + } + + .p-selectbutton .p-button { + background: #161d21; + border: 2px solid #263238; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + border-color: #263238; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: rgba(158, 173, 230, 0.16); + border-color: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #9eade6; + } + .p-selectbutton .p-button.p-highlight:hover { + background: rgba(158, 173, 230, 0.24); + border-color: rgba(158, 173, 230, 0.24); + color: #9eade6; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #9eade6; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f78c79; + } + + .p-slider { + background: #263238; + border: 0 none; + border-radius: 6px; + } + .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: #263238; + border: 2px solid #9eade6; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-slider .p-slider-range { + background: #9eade6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #9eade6; + border-color: #9eade6; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, left 0.3s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.3s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, bottom 0.3s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.3s; + } + + .p-togglebutton.p-button { + background: #161d21; + border: 2px solid #263238; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + border-color: #263238; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: rgba(158, 173, 230, 0.16); + border-color: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #9eade6; + } + .p-togglebutton.p-button.p-highlight:hover { + background: rgba(158, 173, 230, 0.24); + border-color: rgba(158, 173, 230, 0.24); + color: #9eade6; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #9eade6; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f78c79; + } + + .p-treeselect { + background: #0e1315; + border: 2px solid #263238; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #2d3e44; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #263238; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.857rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #263238; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #263238; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #263238; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f78c79; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #263238; + 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.5rem 1.5rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .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: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #263238; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #263238; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #263238; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + + .p-button { + color: #121212; + background: #9eade6; + border: 2px solid #9eade6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #8fa0e2; + color: #121212; + border-color: #8fa0e2; + } + .p-button:not(:disabled):active { + background: #7f93de; + color: #121212; + border-color: #7f93de; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #9eade6; + border: 2px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(158, 173, 230, 0.04); + color: #9eade6; + border: 2px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + border: 2px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #9eade6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(158, 173, 230, 0.04); + color: #9eade6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-button .p-button-label { + transition-duration: 0.3s; + } + .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: #9eade6; + background-color: #121212; + } + .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.857rem; + 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.857rem; + } + .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.857rem; + } + .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: #0e1315; + background: #b4bfcd; + border: 1px solid #b4bfcd; + } + .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: #9dabbe; + color: #0e1315; + border-color: #9dabbe; + } + .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: 1px #e1e5eb; + } + .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: #8698ae; + color: #0e1315; + border-color: #8698ae; + } + .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: #b4bfcd; + 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(180, 191, 205, 0.04); + color: #b4bfcd; + 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(180, 191, 205, 0.16); + color: #b4bfcd; + 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: #b4bfcd; + 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(180, 191, 205, 0.04); + border-color: transparent; + color: #b4bfcd; + } + .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(180, 191, 205, 0.16); + border-color: transparent; + color: #b4bfcd; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #35a4cc; + border: 1px solid #35a4cc; + } + .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: #2f94b9; + color: #ffffff; + border-color: #2f94b9; + } + .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 1px #aedbeb; + } + .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: #2984a4; + color: #ffffff; + border-color: #2984a4; + } + .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: #35a4cc; + 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(53, 164, 204, 0.04); + color: #35a4cc; + 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(53, 164, 204, 0.16); + color: #35a4cc; + 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: #35a4cc; + 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(53, 164, 204, 0.04); + border-color: transparent; + color: #35a4cc; + } + .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(53, 164, 204, 0.16); + border-color: transparent; + color: #35a4cc; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #0e1315; + background: #cede9c; + border: 1px solid #cede9c; + } + .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: #c0d580; + color: #0e1315; + border-color: #c0d580; + } + .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 1px #ebf2d7; + } + .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: #b2cb63; + color: #0e1315; + border-color: #b2cb63; + } + .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: #cede9c; + 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(206, 222, 156, 0.04); + color: #cede9c; + 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(206, 222, 156, 0.16); + color: #cede9c; + 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: #cede9c; + 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(206, 222, 156, 0.04); + border-color: transparent; + color: #cede9c; + } + .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(206, 222, 156, 0.16); + border-color: transparent; + color: #cede9c; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #0e1315; + background: #ffe08a; + border: 1px solid #ffe08a; + } + .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: #ffd663; + color: #0e1315; + border-color: #ffd663; + } + .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 1px #fff3d0; + } + .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: #ffcb3b; + color: #0e1315; + border-color: #ffcb3b; + } + .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: #ffe08a; + 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(255, 224, 138, 0.04); + color: #ffe08a; + 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(255, 224, 138, 0.16); + color: #ffe08a; + 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: #ffe08a; + 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, 224, 138, 0.04); + border-color: transparent; + color: #ffe08a; + } + .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, 224, 138, 0.16); + border-color: transparent; + color: #ffe08a; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #0e1315; + background: #b09ce5; + border: 1px solid #b09ce5; + } + .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: #987edd; + color: #0e1315; + border-color: #987edd; + } + .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 #dfd7f5; + } + .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: #7f5fd5; + color: #0e1315; + border-color: #7f5fd5; + } + .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: #b09ce5; + 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(176, 156, 229, 0.04); + color: #b09ce5; + 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(176, 156, 229, 0.16); + color: #b09ce5; + 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: #b09ce5; + 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(176, 156, 229, 0.04); + border-color: transparent; + color: #b09ce5; + } + .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(176, 156, 229, 0.16); + border-color: transparent; + color: #b09ce5; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #0e1315; + background: #e693a9; + border: 1px solid #e693a9; + } + .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: #df7491; + color: #0e1315; + border-color: #df7491; + } + .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 1px #f5d4dd; + } + .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: #d85678; + color: #0e1315; + border-color: #d85678; + } + .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: #e693a9; + 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(230, 147, 169, 0.04); + color: #e693a9; + 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(230, 147, 169, 0.16); + color: #e693a9; + 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: #e693a9; + 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(230, 147, 169, 0.04); + border-color: transparent; + color: #e693a9; + } + .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(230, 147, 169, 0.16); + border-color: transparent; + color: #e693a9; + } + + .p-button.p-button-link { + color: #7f93de; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #7f93de; + 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 #9eade6; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #7f93de; + 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 1px #9eade6; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #1e282c; + color: #fff; + } + .p-speeddial-action:hover { + background: #263238; + 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: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .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 1px #9eade6; + } + .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: #263238; + width: 2rem; + height: 0.5rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #374851; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #161d21; + color: rgba(255, 255, 255, 0.6); + border: 2px solid #263238; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 2px solid #263238; + border-width: 0 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + transition: box-shadow 0.3s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 2px solid #263238; + border-width: 0 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9eade6; + background: rgba(158, 173, 230, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: #161d21; + color: #9eade6; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #9eade6; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(158, 173, 230, 0.08); + color: #9eade6; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #9eade6; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #9eade6; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 2px solid #263238; + border-width: 0 0 2px 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .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 1px #9eade6; + } + .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 #9eade6; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(158, 173, 230, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(158, 173, 230, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #9eade6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #161d21; + } + .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: #161d21; + } + .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: #1b2327; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #9eade6; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #9eade6; + } + .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 2px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #161d21; + color: rgba(255, 255, 255, 0.6); + border: 2px solid #263238; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + 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: 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .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(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + + .p-column-filter-overlay { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #263238; + 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.5rem 0.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .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 #9eade6; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #263238; + margin: 4px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1.5rem; + border-bottom: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #263238; + } + .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: #161d21; + border: 2px solid #263238; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); + 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: #161d21; + border: 2px solid #263238; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 2px solid #263238; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0 0 4px 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.3s; + } + .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: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .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(158, 173, 230, 0.08); + } + + .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: rgba(255, 255, 255, 0.87); + background: #161d21; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(57, 87, 204, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #263238; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 2px solid #263238; + border-color: #263238; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 2px solid #263238; + border-color: #263238; + } + .p-organizationchart .p-organizationchart-node-content { + border: 2px solid #263238; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + 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 1px #9eade6; + } + + .p-paginator { + background: #161d21; + color: rgba(255, 255, 255, 0.6); + border: solid #263238; + border-width: 2px; + padding: 0.5rem 1rem; + 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: rgba(255, 255, 255, 0.6); + min-width: 2.857rem; + height: 2.857rem; + margin: 0.143rem; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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(158, 173, 230, 0.08); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.857rem; + } + .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.857rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.857rem; + height: 2.857rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 2.857rem; + height: 2.857rem; + margin: 0.143rem; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(158, 173, 230, 0.16); + border-color: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .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: #161d21; + border: 2px solid #263238; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); + 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: #161d21; + border: 2px solid #263238; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.5rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 2px solid #263238; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0 0 4px 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.3s; + } + .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: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #9eade6; + background: rgba(158, 173, 230, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .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(158, 173, 230, 0.08); + } + + .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: rgba(255, 255, 255, 0.87); + background: #161d21; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #9eade6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #161d21; + } + .p-timeline .p-timeline-event-connector { + background-color: #263238; + } + .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: 2px solid #263238; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + 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: inset 0 0 0 0.15rem #9eade6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.3s; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .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 1px #9eade6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #263238; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #9eade6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #263238; + } + .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: #7f93de; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .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: #9eade6; + } + .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: #9eade6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(96, 121, 214, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 2px solid #263238; + background-color: #161d21; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.3s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #9eade6; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #161d21; + color: rgba(255, 255, 255, 0.6); + border: 2px solid #263238; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 2px solid #263238; + border-width: 0 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + transition: box-shadow 0.3s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 2px solid #263238; + border-width: 0 0 2px 0; + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + } + .p-treetable .p-sortable-column { + outline-color: #9eade6; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #9eade6; + background: rgba(158, 173, 230, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: #161d21; + color: #9eade6; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #9eade6; + } + .p-treetable .p-treetable-tbody > tr { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 2px solid #263238; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #263238; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #9eade6; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #263238; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #7f93de; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #9eade6; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #9eade6; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #9eade6; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #9eade6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #161d21; + } + .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: #161d21; + color: rgba(255, 255, 255, 0.6); + border: 2px solid #263238; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 2px solid #263238; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + font-weight: 600; + border-radius: 6px; + transition: box-shadow 0.3s; + } + .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 1px #9eade6; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(158, 173, 230, 0.08); + border-color: #263238; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #161d21; + border-color: #263238; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #263238; + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 2px solid #263238; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + 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: #161d21; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1rem 0; + } + .p-card .p-card-footer { + padding: 1rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #161d21; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #263238; + } + .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 #263238; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 2px solid #263238; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 2px solid #263238; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.3s; + } + .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 1px #9eade6; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(158, 173, 230, 0.08); + border-color: #263238; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 2px solid #263238; + padding: 1rem; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 2px solid #263238; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + 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.5rem 1rem; + border: 2px solid #263238; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + 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: #263238; + border: 0 none; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + + .p-splitter { + border: 2px solid #263238; + background: #161d21; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #263238; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-splitter .p-splitter-gutter-resizing { + background: #263238; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.857rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #263238; + 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 #263238; + border-width: 0 0 2px 0; + border-color: transparent transparent #263238 transparent; + background: #161d21; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.3s; + 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 1px #9eade6; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #161d21; + border-color: #9eade6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #161d21; + border-color: #9eade6; + color: #9eade6; + } + .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: #161d21; + color: #9eade6; + width: 2.857rem; + 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 1px #9eade6; + } + .p-tabview .p-tabview-panels { + background: #161d21; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #161d21; + border: 2px solid #263238; + padding: 1rem; + border-radius: 6px; + 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 1px #9eade6; + } + + .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.3s; + border-radius: 6px; + background: transparent; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-width: 2px; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + font-weight: 600; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #9eade6; + } + .p-stepper .p-stepper-panels { + background: #161d21; + padding: 1rem; + color: rgba(255, 255, 255, 0.87); + } + .p-stepper .p-stepper-separator { + background-color: #263238; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: box-shadow 0.3s; + } + .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: #161d21; + color: rgba(255, 255, 255, 0.87); + } + .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: #9eade6; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-radius: 6px; + 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(22, 29, 33, 0); + border-bottom-color: #161d21; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 50, 56, 0); + border-bottom-color: #263238; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #161d21; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #263238; + } + .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 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: 2px solid #263238; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #161d21; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-radius: 6px; + 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: #9eade6; + color: #121212; + width: 2rem; + height: 2rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #8fa0e2; + color: #121212; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(22, 29, 33, 0); + border-bottom-color: #161d21; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 50, 56, 0); + border-bottom-color: #243035; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #161d21; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #263238; + } + + .p-sidebar { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + 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: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(158, 173, 230, 0.08); + } + .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 1px #9eade6; + } + .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: #263238; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #263238; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #263238; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #263238; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #263238; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #161d21; + padding: 1rem; + border: 2px solid #263238; + color: rgba(255, 255, 255, 0.87); + 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 0 0 1px #9eade6; + } + .p-fileupload .p-fileupload-content { + background: #161d21; + padding: 2rem 1rem; + border: 2px solid #263238; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 2px solid #263238 dashed #9eade6; + border-style: dashed; + background-color: rgba(158, 173, 230, 0.16); + } + .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: #8fa0e2; + color: #121212; + border-color: #8fa0e2; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #7f93de; + color: #121212; + border-color: #7f93de; + } + + .p-breadcrumb { + background: #161d21; + border: 2px solid #263238; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.5rem 0.5rem; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0.5rem; + background: #161d21; + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #263238; + margin: 4px 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: inset 0 0 0 0.15rem #9eade6; + } + .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: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0.5rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #263238; + margin: 4px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.6); + 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: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.5rem 0.5rem; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #161d21; + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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: rgba(255, 255, 255, 0.87); + background: #161d21; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #263238; + margin: 4px 0; + } + .p-menu .p-menuitem-badge { + background: #9eade6; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0.5rem; + background: #161d21; + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #263238; + margin: 4px 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: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0.5rem; + background: #161d21; + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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 #263238; + margin: 4px 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.3s; + } + .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.3s; + 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: 2px solid #263238; + color: rgba(255, 255, 255, 0.87); + background: #161d21; + border-radius: 6px; + transition: box-shadow 0.3s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + 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 1px #9eade6; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(158, 173, 230, 0.08); + border-color: #263238; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #161d21; + border-color: #263238; + color: rgba(255, 255, 255, 0.87); + 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: #263238; + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0.5rem; + border: 2px solid #263238; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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 #263238; + margin: 4px 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.5rem 0.5rem; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + 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: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #161d21; + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0.5rem; + background: #161d21; + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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 #263238; + margin: 4px 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: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #9eade6; + } + .p-slidemenu .p-menuitem-badge { + background: #9eade6; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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.3s; + border-radius: 6px; + background: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #263238; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #263238; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #9eade6; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #263238; + border-width: 0 0 2px 0; + border-color: transparent transparent #263238 transparent; + background: #161d21; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.3s; + 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 1px #9eade6; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #161d21; + border-color: #9eade6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #161d21; + border-color: #9eade6; + color: #9eade6; + } + .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: #161d21; + color: #9eade6; + width: 2.857rem; + 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 1px #9eade6; + } + + .p-tieredmenu { + padding: 0.5rem 0.5rem; + background: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #161d21; + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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.5rem 0.5rem; + background: #161d21; + border: 2px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #263238; + margin: 4px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: #a3d7e6; + border: 4px solid #65bcd6; + border-width: 2px; + color: #0e1315; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #0e1315; + } + .p-inline-message.p-inline-message-success { + background: #bfd47f; + border: 4px solid #a2c044; + border-width: 2px; + color: #0e1315; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #0e1315; + } + .p-inline-message.p-inline-message-warn { + background: #ff9c3e; + border: 4px solid #ff8817; + border-width: 2px; + color: #0e1315; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #0e1315; + } + .p-inline-message.p-inline-message-error { + background: #e6a3b2; + border: 4px solid #de8499; + border-width: 2px; + color: #0e1315; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #0e1315; + } + .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: 6px; + } + .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.3s, color 0.3s, box-shadow 0.3s; + } + .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 1px #9eade6; + } + .p-message.p-message-info { + background: #a3d7e6; + border: 4px solid #65bcd6; + border-width: 0 0 0 6px; + color: #0e1315; + } + .p-message.p-message-info .p-message-icon { + color: #0e1315; + } + .p-message.p-message-info .p-message-close { + color: #0e1315; + } + .p-message.p-message-success { + background: #bfd47f; + border: 4px solid #a2c044; + border-width: 0 0 0 6px; + color: #0e1315; + } + .p-message.p-message-success .p-message-icon { + color: #0e1315; + } + .p-message.p-message-success .p-message-close { + color: #0e1315; + } + .p-message.p-message-warn { + background: #ff9c3e; + border: 4px solid #ff8817; + border-width: 0 0 0 6px; + color: #0e1315; + } + .p-message.p-message-warn .p-message-icon { + color: #0e1315; + } + .p-message.p-message-warn .p-message-close { + color: #0e1315; + } + .p-message.p-message-error { + background: #e6a3b2; + border: 4px solid #de8499; + border-width: 0 0 0 6px; + color: #0e1315; + } + .p-message.p-message-error .p-message-icon { + color: #0e1315; + } + .p-message.p-message-error .p-message-close { + color: #0e1315; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 400; + } + .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: none; + border-radius: 6px; + } + .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: 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: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .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 1px #9eade6; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #a3d7e6; + border: 4px solid #65bcd6; + border-width: 0 0 0 6px; + color: #0e1315; + } + .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: #0e1315; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #bfd47f; + border: 4px solid #a2c044; + border-width: 0 0 0 6px; + color: #0e1315; + } + .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: #0e1315; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ff9c3e; + border: 4px solid #ff8817; + border-width: 0 0 0 6px; + color: #0e1315; + } + .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: #0e1315; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #e6a3b2; + border: 4px solid #de8499; + border-width: 0 0 0 6px; + color: #0e1315; + } + .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: #0e1315; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + 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.3s, color 0.3s, box-shadow 0.3s; + 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: #263238; + width: 1rem; + height: 1rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #374851; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(158, 173, 230, 0.16); + color: #9eade6; + } + .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.3s, color 0.3s, box-shadow 0.3s; + 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 1px #9eade6; + } + + .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.3s, color 0.3s, box-shadow 0.3s; + } + + .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.3s, color 0.3s, box-shadow 0.3s; + 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: #263238; + 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 #161d21; + } + + .p-badge { + background: #9eade6; + color: #121212; + 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: #cede9c; + color: #0e1315; + } + .p-badge.p-badge-info { + background-color: #35a4cc; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #ffe08a; + color: #0e1315; + } + .p-badge.p-badge-danger { + background-color: #e693a9; + color: #0e1315; + } + .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: #263238; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + + .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: #263238; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #9eade6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #9eade6; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #263238; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #9eade6; + } + .p-progressbar .p-progressbar-label { + color: #121212; + 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.3s, color 0.3s, box-shadow 0.3s; + } + .p-scrolltop.p-link { + background: rgba(158, 173, 230, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(158, 173, 230, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #9eade6; + } + .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: #9eade6; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #cede9c; + color: #0e1315; + } + .p-tag.p-tag-info { + background-color: #35a4cc; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #ffe08a; + color: #0e1315; + } + .p-tag.p-tag-danger { + background-color: #e693a9; + color: #0e1315; + } + .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: #161d21; + color: rgba(255, 255, 255, 0.87); + border: 2px solid #263238; + 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 */ +/* Customizations to the designer theme should be defined here */ +@layer primeng { + .p-button .p-button-label { + font-weight: 600; + } + + .p-buttonset .p-button-label, +.p-togglebutton .p-button-label { + font-weight: 400; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #9eade6; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #9eade6; + } + + .p-panel { + border: 2px solid #263238; + border-radius: 6px; + } + .p-panel .p-panel-header { + border: 0 none; + } + .p-panel .p-panel-content { + border: 0 none; + } + + .p-fieldset .p-fieldset-legend { + border-color: transparent; + } + + .p-accordion .p-accordion-toggle-icon { + order: 10; + margin-left: auto; + } + .p-accordion .p-accordion-toggle-icon.pi-chevron-right::before { + content: "\e90d"; + } + .p-accordion .p-accordion-toggle-icon.pi-chevron-down::before { + content: "\e90f"; + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-header-link { + padding-bottom: calc(1rem + 2px); + border-bottom: 0 none; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-bottom: 0 none; + } + + .p-inline-message.p-inline-message-info { + border-color: #a3d7e6; + } + .p-inline-message.p-inline-message-success { + border-color: #bfd47f; + } + .p-inline-message.p-inline-message-warn { + border-color: #ff9c3e; + } + .p-inline-message.p-inline-message-error { + border-color: #e6a3b2; + } + + .p-inputtext:enabled:focus { + box-shadow: none; + } + + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-autocomplete.p-autocomplete-multiple:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-orderlist .p-orderlist-list { + border-top: 0 none; + } + + .p-picklist .p-picklist-list { + border-top: 0 none; + } + + .p-panelmenu .p-panelmenu-icon.pi-chevron-right, .p-panelmenu .p-panelmenu-icon.pi-chevron-down { + order: 10; + margin-left: auto; + } + .p-panelmenu .p-panelmenu-icon.pi-chevron-right::before { + content: "\e90d"; + } + .p-panelmenu .p-panelmenu-icon.pi-chevron-down::before { + content: "\e90f"; + } + .p-panelmenu .p-panelmenu-header.p-highlight > a { + padding-bottom: calc(1rem + 2px); + border-bottom: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + padding-bottom: calc(1rem + 2px); + border-bottom: 0 none; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #9eade6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #9eade6; + } +} diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff new file mode 100644 index 00000000..e3875cb2 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 new file mode 100644 index 00000000..9c1f9816 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff new file mode 100644 index 00000000..64695c9b Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 new file mode 100644 index 00000000..b6319fed Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff new file mode 100644 index 00000000..1ca4e201 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..b7630873 Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff new file mode 100644 index 00000000..46eb087c Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..bc34a6ba Binary files /dev/null and b/booklore-ui/src/assets/layout/styles/theme/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 differ diff --git a/booklore-ui/src/assets/layout/styles/theme/viva-light/theme.css b/booklore-ui/src/assets/layout/styles/theme/viva-light/theme.css new file mode 100644 index 00000000..b45d950c --- /dev/null +++ b/booklore-ui/src/assets/layout/styles/theme/viva-light/theme.css @@ -0,0 +1,6557 @@ +:root { + font-family: Poppins, sans-serif; + --font-family: Poppins, sans-serif; + --surface-a: #ffffff; + --surface-b: #f5f5f5; + --surface-c: #edf0fa; + --surface-d: #ebebeb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #6c6c6c; + --text-color-secondary: #898989; + --primary-color: #5472d4; + --primary-color-text: #ffffff; + --font-family: Poppins, sans-serif; + --surface-0: #ffffff; + --surface-50: #f1f3f5; + --surface-100: #e2e6eb; + --surface-200: #c6cdd7; + --surface-300: #a9b4c2; + --surface-400: #8d9bae; + --surface-500: #70829a; + --surface-600: #5a687b; + --surface-700: #434e5c; + --surface-800: #2d343e; + --surface-900: #161a1f; + --gray-50: #f1f3f5; + --gray-100: #e2e6eb; + --gray-200: #c6cdd7; + --gray-300: #a9b4c2; + --gray-400: #8d9bae; + --gray-500: #70829a; + --gray-600: #5a687b; + --gray-700: #434e5c; + --gray-800: #2d343e; + --gray-900: #161a1f; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f5f5f5; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #ebebeb; + --surface-hover: #edf0fa; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #ced6f1; + --highlight-text-color: #585858; + --focus-ring: 0 0 0 0.1rem #bbc7ee; + color-scheme: light; +} + +/* poppins-300 - latin-ext_latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 300; + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-300.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-regular - latin-ext_latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 400; + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-600 - latin-ext_latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 600; + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-600.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-600.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-700 - latin-ext_latin */ +@font-face { + font-family: "Poppins"; + font-style: normal; + font-weight: 700; + src: local(""), url("./fonts/poppins-v15-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/poppins-v15-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --blue-50:#f6fbfd; + --blue-100:#d6eaf5; + --blue-200:#b5d9ed; + --blue-300:#95c8e4; + --blue-400:#74b7dc; + --blue-500:#54a6d4; + --blue-600:#478db4; + --blue-700:#3b7494; + --blue-800:#2e5b75; + --blue-900:#224255; + --green-50:#f9fbf4; + --green-100:#e3eccc; + --green-200:#cddca4; + --green-300:#b7cd7c; + --green-400:#a1bd54; + --green-500:#8bae2c; + --green-600:#769425; + --green-700:#617a1f; + --green-800:#4c6018; + --green-900:#384612; + --yellow-50:#fffdf4; + --yellow-100:#fff4cc; + --yellow-200:#ffeba3; + --yellow-300:#ffe27b; + --yellow-400:#ffd952; + --yellow-500:#ffd02a; + --yellow-600:#d9b124; + --yellow-700:#b3921d; + --yellow-800:#8c7217; + --yellow-900:#665311; + --cyan-50:#f5fafc; + --cyan-100:#cfe9f3; + --cyan-200:#a8d8e9; + --cyan-300:#82c7df; + --cyan-400:#5bb5d6; + --cyan-500:#35a4cc; + --cyan-600:#2d8bad; + --cyan-700:#25738f; + --cyan-800:#1d5a70; + --cyan-900:#154252; + --pink-50:#fdf6f8; + --pink-100:#f5d6dd; + --pink-200:#edb5c2; + --pink-300:#e495a8; + --pink-400:#dc748d; + --pink-500:#d45472; + --pink-600:#b44761; + --pink-700:#943b50; + --pink-800:#752e3f; + --pink-900:#55222e; + --indigo-50:#f6f8fd; + --indigo-100:#d6ddf5; + --indigo-200:#b5c2ed; + --indigo-300:#95a8e4; + --indigo-400:#748ddc; + --indigo-500:#5472d4; + --indigo-600:#4761b4; + --indigo-700:#3b5094; + --indigo-800:#2e3f75; + --indigo-900:#222e55; + --teal-50:#f5fcfa; + --teal-100:#d1f0e8; + --teal-200:#ace3d6; + --teal-300:#88d7c4; + --teal-400:#63cbb2; + --teal-500:#3fbfa0; + --teal-600:#36a288; + --teal-700:#2c8670; + --teal-800:#236958; + --teal-900:#194c40; + --orange-50:#fffaf4; + --orange-100:#ffe5cc; + --orange-200:#ffd0a3; + --orange-300:#ffbb7b; + --orange-400:#ffa752; + --orange-500:#ff922a; + --orange-600:#d97c24; + --orange-700:#b3661d; + --orange-800:#8c5017; + --orange-900:#663a11; + --bluegray-50:#f9fafb; + --bluegray-100:#e1e5ea; + --bluegray-200:#c9d0d9; + --bluegray-300:#b1bbc8; + --bluegray-400:#99a6b7; + --bluegray-500:#8191a6; + --bluegray-600:#6e7b8d; + --bluegray-700:#5a6674; + --bluegray-800:#47505b; + --bluegray-900:#343a42; + --purple-50:#f8f6fd; + --purple-100:#ded6f5; + --purple-200:#c4b5ed; + --purple-300:#aa95e4; + --purple-400:#9074dc; + --purple-500:#7654d4; + --purple-600:#6447b4; + --purple-700:#533b94; + --purple-800:#412e75; + --purple-900:#2f2255; + --red-50:#fff7f6; + --red-100:#ffd8d2; + --red-200:#ffb9af; + --red-300:#ff9b8b; + --red-400:#ff7c68; + --red-500:#ff5d44; + --red-600:#d94f3a; + --red-700:#b34130; + --red-800:#8c3325; + --red-900:#66251b; + --primary-50:#f6f8fd; + --primary-100:#d6ddf5; + --primary-200:#b5c2ed; + --primary-300:#95a8e4; + --primary-400:#748ddc; + --primary-500:#5472d4; + --primary-600:#4761b4; + --primary-700:#3b5094; + --primary-800:#2e3f75; + --primary-900:#222e55; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 2px solid #ebebeb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #898989; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #898989; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #898989; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #6c6c6c; +} +.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: 6px; + padding: 0.5rem 0.5rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #6c6c6c; + background: #edf0fa; +} +.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: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 2px solid #ebebeb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #6c6c6c; + 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: #6c6c6c; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #6c6c6c; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #6c6c6c; +} +.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: #5472d4; +} +.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: #5472d4; +} +.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: #5472d4; +} +.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: #5472d4; +} + +@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.3s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f88c79; + } + + .p-text-secondary { + color: #898989; + } + + .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 0 0 0.1rem #bbc7ee; + } + + .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.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.607rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #cecece; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + 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: #6c6c6c; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #ebebeb; + color: #6c6c6c; + 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: #e1e1e1; + color: #6c6c6c; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f88c79; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #6c6c6c; + 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.5rem 0.5rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #6c6c6c; + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #585858; + background: #ced6f1; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #6c6c6c; + background: #e6e9f3; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #6c6c6c; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #6c6c6c; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f88c79; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #898989; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #898989; + right: 3.607rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f88c79; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #6c6c6c; + border: 2px solid #e1e1e1; + border-radius: 6px; + } + .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: #6c6c6c; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #ebebeb; + 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: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .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 #bbc7ee; + } + .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: #6c6c6c; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + 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: #5472d4; + } + .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.3s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #585858; + background: #ced6f1; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e1e1e1; + color: #6c6c6c; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #585858; + background: #ced6f1; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #ebebeb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #ebebeb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .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.3s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #585858; + background: #ced6f1; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #585858; + background: #ced6f1; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #ebebeb; + 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: #edf0fa; + } + .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 #bbc7ee; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #edf0fa; + } + .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 #bbc7ee; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #edf0fa; + } + .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 #bbc7ee; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #898989; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #898989; + right: 3.607rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 2px solid #e1e1e1; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #cecece; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #898989; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #898989; + width: 2.857rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f88c79; + } + .p-cascadeselect.p-variant-filled { + background-color: #f2f2f2; + } + .p-cascadeselect.p-variant-filled:enabled:hover { + background-color: #f2f2f2; + } + .p-cascadeselect.p-variant-filled:enabled:focus { + background-color: #f2f2f2; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #6c6c6c; + 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.5rem 0.5rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0 0 4px 0; + border: 0 none; + color: #6c6c6c; + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #585858; + background: #ced6f1; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #6c6c6c; + background: #e6e9f3; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #6c6c6c; + background: #edf0fa; + } + .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: #f2f2f2; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f2f2f2; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #f2f2f2; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f88c79; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #898989; + right: 2.857rem; + } + + .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 #e1e1e1; + background: #ffffff; + width: 20px; + height: 20px; + color: #6c6c6c; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.3s; + 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: #5472d4; + background: #5472d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #cecece; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #3c5ece; + background: #3c5ece; + color: #ffffff; + } + .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f2f2f2; + } + .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #5472d4; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f2f2f2; + } + .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3c5ece; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f88c79; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f2f2f2; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #5472d4; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f2f2f2; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3c5ece; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f88c79; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #cecece; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #ebebeb; + color: #6c6c6c; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e1e1e1; + color: #6c6c6c; + } + .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: #6c6c6c; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f88c79; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #898989; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #585858; + border: 1px solid #585858; + } + .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: 2px solid #e1e1e1; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #cecece; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #898989; + } + .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: #898989; + width: 2.857rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #898989; + right: 2.857rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f88c79; + } + .p-dropdown.p-variant-filled { + background-color: #f2f2f2; + } + .p-dropdown.p-variant-filled:enabled:hover { + background-color: #f2f2f2; + } + .p-dropdown.p-variant-filled:enabled:focus { + background-color: #f2f2f2; + } + + .p-dropdown-panel { + background: #ffffff; + color: #6c6c6c; + 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.5rem 1.5rem; + border-bottom: 0 none; + color: #6c6c6c; + background: #ffffff; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #898989; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0.5rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #6c6c6c; + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #585858; + background: #ced6f1; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #6c6c6c; + background: #e6e9f3; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #6c6c6c; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #6c6c6c; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f2f2f2; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f2f2f2; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #f2f2f2; + } + .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: #f88c79; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #f5f5f5; + color: #898989; + border-top: 2px solid #e1e1e1; + border-left: 2px solid #e1e1e1; + border-bottom: 2px solid #e1e1e1; + padding: 0.5rem 0.75rem; + min-width: 2.857rem; + } + .p-inputgroup-addon:last-child { + border-right: 2px solid #e1e1e1; + } + + .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.857rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #898989; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #898989; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f88c79; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #898989; + right: 0.75rem; + } + + .p-inputmask.p-variant-filled { + background-color: #f2f2f2; + } + .p-inputmask.p-variant-filled:enabled:hover { + background-color: #f2f2f2; + } + .p-inputmask.p-variant-filled:enabled:focus { + background-color: #f2f2f2; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f88c79; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #898989; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.607rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.607rem; + } + + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { + background-color: #f2f2f2; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { + background-color: #f2f2f2; + } + p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { + background-color: #f2f2f2; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cecece; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 6px; + transition-duration: 0.3s; + } + .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 #bbc7ee; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b9b9b9; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #5472d4; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #4868d1; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f88c79; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #6c6c6c; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 2px solid #e1e1e1; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #cecece; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f88c79; + } + .p-inputtext.p-variant-filled { + background-color: #f2f2f2; + } + .p-inputtext.p-variant-filled:enabled:hover { + background-color: #f2f2f2; + } + .p-inputtext.p-variant-filled:enabled:focus { + background-color: #f2f2f2; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #898989; + transition-duration: 0.3s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f88c79; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #898989; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #898989; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #898989; + } + + :-moz-placeholder { + color: #898989; + } + + ::-moz-placeholder { + color: #898989; + } + + :-ms-input-placeholder { + color: #898989; + } + + .p-input-filled .p-inputtext { + background-color: #f2f2f2; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f2f2f2; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #f2f2f2; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #6c6c6c; + border: 2px solid #e1e1e1; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 1.5rem; + border-bottom: 0 none; + color: #6c6c6c; + background: #ffffff; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #898989; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.5rem 0.5rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #585858; + background: #ced6f1; + } + .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: #6c6c6c; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #6c6c6c; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #6c6c6c; + background: #edf0fa; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #6c6c6c; + background: #edf0fa; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f88c79; + } + + .p-multiselect { + background: #ffffff; + border: 2px solid #e1e1e1; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #cecece; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #898989; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #ebebeb; + color: #6c6c6c; + 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: #898989; + width: 2.857rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-multiselect.p-variant-filled { + background: #f2f2f2; + } + .p-multiselect.p-variant-filled:not(.p-disabled):hover { + background-color: #f2f2f2; + } + .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { + background-color: #f2f2f2; + } + + .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #898989; + right: 2.857rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #6c6c6c; + 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.5rem 1.5rem; + border-bottom: 0 none; + color: #6c6c6c; + background: #ffffff; + 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.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #898989; + } + .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: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #6c6c6c; + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #585858; + background: #ced6f1; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #6c6c6c; + background: #edf0fa; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #6c6c6c; + background: #edf0fa; + } + .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: #6c6c6c; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #6c6c6c; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f2f2f2; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f2f2f2; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #f2f2f2; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f88c79; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f88c79; + } + + .p-password-panel { + padding: 1rem; + background: #ffffff; + color: #6c6c6c; + 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: #ebebeb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #d45472; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff922a; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #8bae2c; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #898989; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #898989; + right: 2.5rem; + } + + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #e1e1e1; + background: #ffffff; + width: 20px; + height: 20px; + color: #6c6c6c; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #cecece; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.3s; + background-color: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #5472d4; + background: #5472d4; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #3c5ece; + background: #3c5ece; + color: #ffffff; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box { + background-color: #f2f2f2; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f2f2f2; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { + background: #5472d4; + } + .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #3c5ece; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f88c79; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f2f2f2; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f2f2f2; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #5472d4; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #3c5ece; + } + + .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: #6c6c6c; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + 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: #df7e6c; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #5472d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #5472d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f88c79; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 2px solid #e1e1e1; + color: #6c6c6c; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #898989; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #edf0fa; + border-color: #e1e1e1; + color: #6c6c6c; + } + .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: #898989; + } + .p-selectbutton .p-button.p-highlight { + background: #ced6f1; + border-color: #ced6f1; + color: #585858; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #585858; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #bdc7ec; + border-color: #bdc7ec; + color: #585858; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #585858; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f88c79; + } + + .p-slider { + background: #ebebeb; + border: 0 none; + border-radius: 6px; + } + .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 #5472d4; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-slider .p-slider-range { + background: #5472d4; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #5472d4; + border-color: #5472d4; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, left 0.3s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.3s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, bottom 0.3s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.3s; + } + + .p-togglebutton.p-button { + background: #ffffff; + border: 2px solid #e1e1e1; + color: #6c6c6c; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #898989; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #edf0fa; + border-color: #e1e1e1; + color: #6c6c6c; + } + .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: #898989; + } + .p-togglebutton.p-button.p-highlight { + background: #ced6f1; + border-color: #ced6f1; + color: #585858; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #585858; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #bdc7ec; + border-color: #bdc7ec; + color: #585858; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #585858; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f88c79; + } + + .p-treeselect { + background: #ffffff; + border: 2px solid #e1e1e1; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #cecece; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #898989; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #ebebeb; + color: #6c6c6c; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #898989; + width: 2.857rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-treeselect.p-variant-filled { + background-color: #f2f2f2; + } + .p-treeselect.p-variant-filled:enabled:hover { + background-color: #f2f2f2; + } + .p-treeselect.p-variant-filled:enabled:focus { + background-color: #f2f2f2; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f88c79; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #6c6c6c; + 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.5rem 1.5rem; + border-bottom: 0 none; + color: #6c6c6c; + background: #ffffff; + 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.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #898989; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .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: #6c6c6c; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f2f2f2; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f2f2f2; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #f2f2f2; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #898989; + right: 2.857rem; + } + + .p-button { + color: #ffffff; + background: #5472d4; + border: 2px solid #5472d4; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + border-radius: 6px; + outline-color: transparent; + } + .p-button:not(:disabled):hover { + background: #4868d1; + color: #ffffff; + border-color: #4868d1; + } + .p-button:not(:disabled):active { + background: #3c5ece; + color: #ffffff; + border-color: #3c5ece; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #5472d4; + border: 2px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(84, 114, 212, 0.04); + color: #5472d4; + border: 2px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(84, 114, 212, 0.16); + color: #5472d4; + border: 2px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #898989; + border-color: #898989; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #edf0fa; + color: #898989; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #ebebeb; + color: #898989; + } + .p-button.p-button-text { + background-color: transparent; + color: #5472d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(84, 114, 212, 0.04); + color: #5472d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(84, 114, 212, 0.16); + color: #5472d4; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #898989; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #edf0fa; + color: #898989; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #ebebeb; + color: #898989; + } + .p-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-button .p-button-label { + transition-duration: 0.3s; + } + .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: #5472d4; + 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.857rem; + 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.857rem; + } + .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.857rem; + } + .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: #8191a6; + border: 1px solid #8191a6; + } + .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: #70829a; + color: #ffffff; + border-color: #70829a; + } + .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 #cdd3db; + } + .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: #62738a; + color: #ffffff; + border-color: #62738a; + } + .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: #8191a6; + 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(129, 145, 166, 0.04); + color: #8191a6; + 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(129, 145, 166, 0.16); + color: #8191a6; + 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: #8191a6; + 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(129, 145, 166, 0.04); + border-color: transparent; + color: #8191a6; + } + .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(129, 145, 166, 0.16); + border-color: transparent; + color: #8191a6; + } + + .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #35a4cc; + border: 1px solid #35a4cc; + } + .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: #2f94b9; + color: #ffffff; + border-color: #2f94b9; + } + .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 #aedbeb; + } + .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: #2984a4; + color: #ffffff; + border-color: #2984a4; + } + .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: #35a4cc; + 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(53, 164, 204, 0.04); + color: #35a4cc; + 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(53, 164, 204, 0.16); + color: #35a4cc; + 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: #35a4cc; + 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(53, 164, 204, 0.04); + border-color: transparent; + color: #35a4cc; + } + .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(53, 164, 204, 0.16); + border-color: transparent; + color: #35a4cc; + } + + .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #8bae2c; + border: 1px solid #8bae2c; + } + .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: #7d9d28; + color: #ffffff; + border-color: #7d9d28; + } + .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 #d5e7a2; + } + .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: #6f8b23; + color: #ffffff; + border-color: #6f8b23; + } + .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: #8bae2c; + 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(139, 174, 44, 0.04); + color: #8bae2c; + 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(139, 174, 44, 0.16); + color: #8bae2c; + 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: #8bae2c; + 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(139, 174, 44, 0.04); + border-color: transparent; + color: #8bae2c; + } + .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(139, 174, 44, 0.16); + border-color: transparent; + color: #8bae2c; + } + + .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #ff922a; + border: 1px solid #ff922a; + } + .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: #ff830c; + color: #ffffff; + border-color: #ff830c; + } + .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 #ffd3aa; + } + .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: #ee7400; + color: #ffffff; + border-color: #ee7400; + } + .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: #ff922a; + 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(255, 146, 42, 0.04); + color: #ff922a; + 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(255, 146, 42, 0.16); + color: #ff922a; + 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: #ff922a; + 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, 146, 42, 0.04); + border-color: transparent; + color: #ff922a; + } + .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, 146, 42, 0.16); + border-color: transparent; + color: #ff922a; + } + + .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #7654d4; + border: 1px solid #7654d4; + } + .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: #633cce; + color: #ffffff; + border-color: #633cce; + } + .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.1rem #c8bbee; + } + .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: #5530bd; + color: #ffffff; + border-color: #5530bd; + } + .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: #7654d4; + 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(118, 84, 212, 0.04); + color: #7654d4; + 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(118, 84, 212, 0.16); + color: #7654d4; + 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: #7654d4; + 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(118, 84, 212, 0.04); + border-color: transparent; + color: #7654d4; + } + .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(118, 84, 212, 0.16); + border-color: transparent; + color: #7654d4; + } + + .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #d45472; + border: 1px solid #d45472; + } + .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: #ce3c5e; + color: #ffffff; + border-color: #ce3c5e; + } + .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 #eebbc7; + } + .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: #bd3051; + color: #ffffff; + border-color: #bd3051; + } + .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: #d45472; + 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(212, 84, 114, 0.04); + color: #d45472; + 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(212, 84, 114, 0.16); + color: #d45472; + 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: #d45472; + 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(212, 84, 114, 0.04); + border-color: transparent; + color: #d45472; + } + .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(212, 84, 114, 0.16); + border-color: transparent; + color: #d45472; + } + + .p-button.p-button-link { + color: #3c5ece; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #3c5ece; + 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.1rem #bbc7ee; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #3c5ece; + 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 #bbc7ee; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #6c6c6c; + color: #fff; + } + .p-speeddial-action:hover { + background: #585858; + 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: 6px; + } + .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: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .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 #bbc7ee; + } + .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: #edf0fa; + width: 2rem; + height: 0.5rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ebebeb; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ced6f1; + color: #585858; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #6c6c6c; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #6c6c6c; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + font-weight: 600; + color: #6c6c6c; + background: #ffffff; + transition: box-shadow 0.3s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + font-weight: 600; + color: #6c6c6c; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #898989; + 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: #585858; + background: #ced6f1; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #898989; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: #5472d4; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #5472d4; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #edf0fa; + color: #5472d4; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #5472d4; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #bbc7ee; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #6c6c6c; + transition: box-shadow 0.3s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 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: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .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: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .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 #bbc7ee; + } + .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 #bbc7ee; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #ced6f1; + color: #585858; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ced6f1; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ced6f1; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-datatable .p-column-resizer-helper { + background: #5472d4; + } + .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: #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: #fcfcfc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #ced6f1; + color: #585858; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #585858; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #585858; + } + .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 2px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #6c6c6c; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #6c6c6c; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #6c6c6c; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + 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: 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: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-column-filter-menu-button:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #ced6f1; + color: #585858; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-column-filter-clear-button:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #6c6c6c; + 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.5rem 0.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0 0 4px 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #6c6c6c; + background: transparent; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #585858; + background: #ced6f1; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #6c6c6c; + background: #edf0fa; + } + .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 #bbc7ee; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #ebebeb; + margin: 4px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1.5rem; + border-bottom: 0 none; + color: #6c6c6c; + background: #ffffff; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #ebebeb; + } + .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: 2px solid #ebebeb; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-orderlist .p-orderlist-header { + color: #6c6c6c; + 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: 2px solid #ebebeb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #898989; + } + .p-orderlist .p-orderlist-list { + color: #6c6c6c; + padding: 0.5rem 0.5rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 2px solid #ebebeb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0 0 4px 0; + border: 0 none; + color: #6c6c6c; + background: transparent; + transition: box-shadow 0.3s; + } + .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: #edf0fa; + color: #6c6c6c; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #6c6c6c; + background: #e6e9f3; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #585858; + background: #ced6f1; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #6c6c6c; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .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: #edf0fa; + } + + .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: #6c6c6c; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #ced6f1; + color: #585858; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6b83d5; + } + .p-organizationchart .p-organizationchart-line-down { + background: #ebebeb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 2px solid #ebebeb; + border-color: #ebebeb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 2px solid #ebebeb; + border-color: #ebebeb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 2px solid #ebebeb; + background: #ffffff; + color: #6c6c6c; + 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.1rem #bbc7ee; + } + + .p-paginator { + background: #ffffff; + color: #898989; + border: solid #ebebeb; + border-width: 2px; + padding: 0.5rem 1rem; + 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: #898989; + min-width: 2.857rem; + height: 2.857rem; + margin: 0.143rem; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #edf0fa; + border-color: transparent; + color: #6c6c6c; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.857rem; + } + .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.857rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #898989; + min-width: 2.857rem; + height: 2.857rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #898989; + min-width: 2.857rem; + height: 2.857rem; + margin: 0.143rem; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #ced6f1; + border-color: #ced6f1; + color: #585858; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #edf0fa; + border-color: transparent; + color: #6c6c6c; + } + + .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: 2px solid #ebebeb; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-picklist .p-picklist-header { + color: #6c6c6c; + 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: 2px solid #ebebeb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #898989; + } + .p-picklist .p-picklist-list { + color: #6c6c6c; + padding: 0.5rem 0.5rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 2px solid #ebebeb; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0 0 4px 0; + border: 0 none; + color: #6c6c6c; + background: transparent; + transition: box-shadow 0.3s; + } + .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: #edf0fa; + color: #6c6c6c; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #6c6c6c; + background: #e6e9f3; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #585858; + background: #ced6f1; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: #6c6c6c; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .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: #edf0fa; + } + + .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: #6c6c6c; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #5472d4; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #ebebeb; + } + .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: 2px solid #ebebeb; + background: #ffffff; + color: #6c6c6c; + padding: 1rem; + 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: inset 0 0 0 0.15rem #bbc7ee; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.3s; + 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: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .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 #bbc7ee; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #898989; + } + .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: #6c6c6c; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f2f2f2; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #5472d4; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f2f2f2; + } + .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: #3c5ece; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #ced6f1; + color: #585858; + } + .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: #585858; + } + .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: #585858; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #edf0fa; + color: #6c6c6c; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #898989; + } + .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: #889cdd; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 2px solid #ebebeb; + background-color: #ffffff; + color: #6c6c6c; + padding: 0.5rem; + transition: box-shadow 0.3s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #ced6f1; + color: #585858; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #585858; + } + .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: #898989; + 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: #edf0fa; + color: #6c6c6c; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 2px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #6c6c6c; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #6c6c6c; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + font-weight: 600; + color: #6c6c6c; + background: #ffffff; + transition: box-shadow 0.3s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + font-weight: 600; + color: #6c6c6c; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: #bbc7ee; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #898989; + 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: #585858; + background: #ced6f1; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #898989; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: #5472d4; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #5472d4; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #6c6c6c; + transition: box-shadow 0.3s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .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 #bbc7ee; + } + .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: #6c6c6c; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { + background-color: #f2f2f2; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { + background: #5472d4; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { + background-color: #f2f2f2; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { + background: #3c5ece; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #bbc7ee; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #ced6f1; + color: #585858; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #585858; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #585858; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #6c6c6c; + } + .p-treetable .p-column-resizer-helper { + background: #5472d4; + } + .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: #6c6c6c; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #6c6c6c; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #6c6c6c; + border: 2px solid #f5f5f5; + border-width: 0 0 2px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 2px solid #ebebeb; + color: #6c6c6c; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: box-shadow 0.3s; + } + .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 #bbc7ee; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #edf0fa; + border-color: #ebebeb; + color: #6c6c6c; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #ebebeb; + color: #6c6c6c; + 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: #ebebeb; + background: #edf0fa; + color: #6c6c6c; + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 2px solid #ebebeb; + background: #ffffff; + color: #6c6c6c; + 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: #ffffff; + color: #6c6c6c; + 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: 1rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #898989; + } + .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 #ebebeb; + } + .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 #ebebeb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 2px solid #ebebeb; + background: #ffffff; + color: #6c6c6c; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 2px solid #ebebeb; + color: #6c6c6c; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: #6c6c6c; + border-radius: 6px; + transition: box-shadow 0.3s; + } + .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 #bbc7ee; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #edf0fa; + border-color: #ebebeb; + color: #6c6c6c; + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + + .p-panel .p-panel-header { + border: 2px solid #ebebeb; + padding: 1rem; + background: #ffffff; + color: #6c6c6c; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 2px solid #ebebeb; + background: #ffffff; + color: #6c6c6c; + 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.5rem 1rem; + border: 2px solid #ebebeb; + background: #ffffff; + color: #6c6c6c; + 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: #f5f5f5; + border: 0 none; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + + .p-splitter { + border: 2px solid #ebebeb; + background: #ffffff; + border-radius: 6px; + color: #6c6c6c; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + background: #f5f5f5; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #ebebeb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-splitter .p-splitter-gutter-resizing { + background: #ebebeb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.857rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #ebebeb; + 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 #ebebeb; + border-width: 0 0 2px 0; + border-color: transparent transparent #ebebeb transparent; + background: #ffffff; + color: #898989; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.3s; + 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.1rem #bbc7ee; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #ced6f1; + color: #898989; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #5472d4; + color: #5472d4; + } + .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: #5472d4; + width: 2.857rem; + 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.1rem #bbc7ee; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #6c6c6c; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 2px solid #ebebeb; + padding: 1rem; + border-radius: 6px; + 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 #bbc7ee; + } + + .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.3s; + border-radius: 6px; + background: #ffffff; + outline-color: transparent; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { + color: #6c6c6c; + border: 2px solid #ebebeb; + border-width: 2px; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { + margin-left: 0.5rem; + color: #898989; + font-weight: 600; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .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 #bbc7ee; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ced6f1; + color: #585858; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #6c6c6c; + } + .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { + background-color: #5472d4; + } + .p-stepper .p-stepper-panels { + background: #ffffff; + padding: 1rem; + color: #6c6c6c; + } + .p-stepper .p-stepper-separator { + background-color: #ebebeb; + width: 100%; + height: 2px; + margin-inline-start: 1rem; + transition: box-shadow 0.3s; + } + .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: #6c6c6c; + } + .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: #5472d4; + } + .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + padding-left: 3rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #6c6c6c; + border: 0 none; + border-radius: 6px; + 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: 6px; + 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: #6c6c6c; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .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: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #6c6c6c; + padding: 0 1.5rem 2rem 1.5rem; + } + .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: #ffffff; + color: #6c6c6c; + padding: 0 1.5rem 1.5rem 1.5rem; + 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: #ffffff; + color: #6c6c6c; + border: 0 none; + border-radius: 6px; + 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: #5472d4; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #4868d1; + 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: #6c6c6c; + 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: #898989; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #6c6c6c; + border-color: transparent; + background: #edf0fa; + } + .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 #bbc7ee; + } + .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: #585858; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 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: #585858; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #585858; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #585858; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #585858; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1rem; + border: 2px solid #ebebeb; + color: #6c6c6c; + 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 0 0 0.1rem #bbc7ee; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 2px solid #ebebeb; + color: #6c6c6c; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 2px solid #ebebeb dashed #5472d4; + border-style: dashed; + background-color: #ced6f1; + } + .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: #4868d1; + color: #ffffff; + border-color: #4868d1; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #3c5ece; + color: #ffffff; + border-color: #3c5ece; + } + + .p-breadcrumb { + background: #ffffff; + border: 2px solid #ebebeb; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #898989; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #6c6c6c; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #6c6c6c; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #898989; + } + + .p-contextmenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #6c6c6c; + 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; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0.5rem; + 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: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #898989; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #6c6c6c; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #ebebeb; + margin: 4px 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: inset 0 0 0 0.15rem #bbc7ee; + } + .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: #f5f5f5; + color: #6c6c6c; + border: 2px solid #ebebeb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #898989; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #6c6c6c; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #6c6c6c; + 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-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #6c6c6c; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0.5rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #ebebeb; + margin: 4px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #6c6c6c; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + 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: #898989; + 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: #6c6c6c; + background: #edf0fa; + } + .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: #6c6c6c; + } + .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: #898989; + } + + .p-menu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #6c6c6c; + border: 2px solid #ebebeb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #898989; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #6c6c6c; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .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: #6c6c6c; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #ebebeb; + margin: 4px 0; + } + .p-menu .p-menuitem-badge { + background: #5472d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f5f5f5; + color: #6c6c6c; + border: 2px solid #ebebeb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .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: #6c6c6c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #898989; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .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: #6c6c6c; + } + .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: #898989; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #898989; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #6c6c6c; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0.5rem; + 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: 6px; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #ebebeb; + margin: 4px 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: #898989; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-menubar .p-menubar-button:hover { + color: #898989; + background: #edf0fa; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0.5rem; + 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 #ebebeb; + margin: 4px 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.3s; + } + .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.3s; + 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: 2px solid #ebebeb; + color: #6c6c6c; + background: #ffffff; + border-radius: 6px; + transition: box-shadow 0.3s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6c6c6c; + 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.1rem #bbc7ee; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #edf0fa; + border-color: #ebebeb; + color: #6c6c6c; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #ebebeb; + color: #6c6c6c; + 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: #ebebeb; + background: #edf0fa; + color: #6c6c6c; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0.5rem; + border: 2px solid #ebebeb; + background: #ffffff; + color: #6c6c6c; + 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: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #898989; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .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: #6c6c6c; + } + .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: #6c6c6c; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .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 #ebebeb; + margin: 4px 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.5rem 0.5rem; + background: #ffffff; + color: #6c6c6c; + border: 2px solid #ebebeb; + 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: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #898989; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #6c6c6c; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0.5rem; + 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 #ebebeb; + margin: 4px 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: #6c6c6c; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem #bbc7ee; + } + .p-slidemenu .p-menuitem-badge { + background: #5472d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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.3s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #6c6c6c; + border: 2px solid #ebebeb; + 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: #898989; + } + .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 #bbc7ee; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ced6f1; + color: #585858; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #6c6c6c; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #ebebeb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #ebebeb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #5472d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + 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; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #ebebeb; + border-width: 0 0 2px 0; + border-color: transparent transparent #ebebeb transparent; + background: #ffffff; + color: #898989; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.3s; + 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.1rem #bbc7ee; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #ced6f1; + color: #898989; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #5472d4; + color: #5472d4; + } + .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: #5472d4; + width: 2.857rem; + 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.1rem #bbc7ee; + } + + .p-tieredmenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #6c6c6c; + border: 2px solid #ebebeb; + border-radius: 6px; + 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.5rem 0.5rem; + 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: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #898989; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #6c6c6c; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .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: #898989; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #ebebeb; + margin: 4px 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.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: #e1f2f7; + border: 4px solid #83c7e0; + border-width: 2px; + color: #585858; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #585858; + } + .p-inline-message.p-inline-message-success { + background: #f2f8e1; + border: 4px solid #c7e084; + border-width: 2px; + color: #585858; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #585858; + } + .p-inline-message.p-inline-message-warn { + background: #ffecdb; + border: 4px solid #ffb065; + border-width: 2px; + color: #585858; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #585858; + } + .p-inline-message.p-inline-message-error { + background: #f7e1e6; + border: 4px solid #de8499; + border-width: 2px; + color: #585858; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #585858; + } + .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: 6px; + } + .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.3s, color 0.3s, box-shadow 0.3s; + } + .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 #bbc7ee; + } + .p-message.p-message-info { + background: #e1f2f7; + border: 4px solid #83c7e0; + border-width: 0 0 0 6px; + color: #585858; + } + .p-message.p-message-info .p-message-icon { + color: #585858; + } + .p-message.p-message-info .p-message-close { + color: #585858; + } + .p-message.p-message-success { + background: #f2f8e1; + border: 4px solid #c7e084; + border-width: 0 0 0 6px; + color: #585858; + } + .p-message.p-message-success .p-message-icon { + color: #585858; + } + .p-message.p-message-success .p-message-close { + color: #585858; + } + .p-message.p-message-warn { + background: #ffecdb; + border: 4px solid #ffb065; + border-width: 0 0 0 6px; + color: #585858; + } + .p-message.p-message-warn .p-message-icon { + color: #585858; + } + .p-message.p-message-warn .p-message-close { + color: #585858; + } + .p-message.p-message-error { + background: #f7e1e6; + border: 4px solid #de8499; + border-width: 0 0 0 6px; + color: #585858; + } + .p-message.p-message-error .p-message-icon { + color: #585858; + } + .p-message.p-message-error .p-message-close { + color: #585858; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 400; + } + .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: 6px; + } + .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: 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: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .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 #bbc7ee; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #e1f2f7; + border: 4px solid #83c7e0; + border-width: 0 0 0 6px; + color: #585858; + } + .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: #585858; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #f2f8e1; + border: 4px solid #c7e084; + border-width: 0 0 0 6px; + color: #585858; + } + .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: #585858; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #ffecdb; + border: 4px solid #ffb065; + border-width: 0 0 0 6px; + color: #585858; + } + .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: #585858; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #f7e1e6; + border: 4px solid #de8499; + border-width: 0 0 0 6px; + color: #585858; + } + .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: #585858; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f5f5f5; + width: 4rem; + height: 4rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + 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: #f5f5f5; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f5f5f5; + width: 4rem; + height: 4rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + 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: #f5f5f5; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f5f5f5; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #edf0fa; + width: 1rem; + height: 1rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ebebeb; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ced6f1; + color: #585858; + } + .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: #ced6f1; + color: #585858; + } + .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: #f5f5f5; + width: 2rem; + height: 2rem; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + 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: #f5f5f5; + } + .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 #bbc7ee; + } + + .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.3s, color 0.3s, box-shadow 0.3s; + } + + .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.3s, color 0.3s, box-shadow 0.3s; + 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: #ebebeb; + 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 #ffffff; + } + + .p-badge { + background: #5472d4; + 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: #8bae2c; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #35a4cc; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #ff922a; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #d45472; + 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: #ebebeb; + color: #6c6c6c; + border-radius: 16px; + padding: 0 0.75rem; + } + .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.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + + .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: #ebebeb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #5472d4; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #5472d4; + 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: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .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: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #ebebeb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #5472d4; + } + .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.3s, color 0.3s, box-shadow 0.3s; + } + .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: #f5f5f5; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #ebebeb; + border-radius: 6px; + } + .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: #5472d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #8bae2c; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #35a4cc; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #ff922a; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #d45472; + 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: #6c6c6c; + border: 2px solid #ebebeb; + 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 */ +/* Customizations to the designer theme should be defined here */ +@layer primeng { + .p-button .p-button-label { + font-weight: 600; + } + + .p-buttonset .p-button-label, +.p-togglebutton .p-button-label { + font-weight: 400; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #5472d4; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #5472d4; + } + + .p-panel { + border: 2px solid #ebebeb; + border-radius: 6px; + } + .p-panel .p-panel-header { + border: 0 none; + } + .p-panel .p-panel-content { + border: 0 none; + } + + .p-fieldset .p-fieldset-legend { + border-color: transparent; + } + + .p-accordion .p-accordion-toggle-icon { + order: 10; + margin-left: auto; + } + .p-accordion .p-accordion-toggle-icon.pi-chevron-right::before { + content: "\e90d"; + } + .p-accordion .p-accordion-toggle-icon.pi-chevron-down::before { + content: "\e90f"; + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-header-link { + padding-bottom: calc(1rem + 2px); + border-bottom: 0 none; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-bottom: 0 none; + } + + .p-inline-message.p-inline-message-info { + border-color: #e1f2f7; + } + .p-inline-message.p-inline-message-success { + border-color: #f2f8e1; + } + .p-inline-message.p-inline-message-warn { + border-color: #ffecdb; + } + .p-inline-message.p-inline-message-error { + border-color: #f7e1e6; + } + + .p-inputtext:enabled:focus { + box-shadow: none; + } + + .p-dropdown:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-multiselect:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-autocomplete.p-autocomplete-multiple:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + } + + .p-orderlist .p-orderlist-list { + border-top: 0 none; + } + + .p-picklist .p-picklist-list { + border-top: 0 none; + } + + .p-panelmenu .p-panelmenu-icon.pi-chevron-right, .p-panelmenu .p-panelmenu-icon.pi-chevron-down { + order: 10; + margin-left: auto; + } + .p-panelmenu .p-panelmenu-icon.pi-chevron-right::before { + content: "\e90d"; + } + .p-panelmenu .p-panelmenu-icon.pi-chevron-down::before { + content: "\e90f"; + } + .p-panelmenu .p-panelmenu-header.p-highlight > a { + padding-bottom: calc(1rem + 2px); + border-bottom: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + padding-bottom: calc(1rem + 2px); + border-bottom: 0 none; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #5472d4; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #5472d4; + } +} diff --git a/booklore-ui/src/assets/placeholder.png b/booklore-ui/src/assets/placeholder.png new file mode 100644 index 00000000..93dece9a Binary files /dev/null and b/booklore-ui/src/assets/placeholder.png differ diff --git a/booklore-ui/src/index.html b/booklore-ui/src/index.html new file mode 100644 index 00000000..e4c1d045 --- /dev/null +++ b/booklore-ui/src/index.html @@ -0,0 +1,17 @@ + + + + + + BookLore + + + + + + + + + + + diff --git a/booklore-ui/src/main.ts b/booklore-ui/src/main.ts new file mode 100644 index 00000000..def24fec --- /dev/null +++ b/booklore-ui/src/main.ts @@ -0,0 +1,7 @@ +import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; +import { AppModule } from './app/app.module'; + +platformBrowserDynamic().bootstrapModule(AppModule, { + ngZoneEventCoalescing: true, +}) + .catch(err => console.error(err)); diff --git a/booklore-ui/src/styles.scss b/booklore-ui/src/styles.scss new file mode 100644 index 00000000..ab05efc1 --- /dev/null +++ b/booklore-ui/src/styles.scss @@ -0,0 +1,9 @@ +/* You can add global styles to this file, and also import other style files */ + +$gutter: 1rem; //for primeflex grid system +@use "assets/layout/styles/layout/layout.scss"; + +/* PrimeNG */ +@import "../node_modules/primeng/resources/primeng.min.css"; +@import "../node_modules/primeflex/primeflex.scss"; +@import "../node_modules/primeicons/primeicons.css"; diff --git a/booklore-ui/tsconfig.app.json b/booklore-ui/tsconfig.app.json new file mode 100644 index 00000000..3775b37e --- /dev/null +++ b/booklore-ui/tsconfig.app.json @@ -0,0 +1,15 @@ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "outDir": "./out-tsc/app", + "types": [] + }, + "files": [ + "src/main.ts" + ], + "include": [ + "src/**/*.d.ts" + ] +} diff --git a/booklore-ui/tsconfig.json b/booklore-ui/tsconfig.json new file mode 100644 index 00000000..5525117c --- /dev/null +++ b/booklore-ui/tsconfig.json @@ -0,0 +1,27 @@ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ +{ + "compileOnSave": false, + "compilerOptions": { + "outDir": "./dist/out-tsc", + "strict": true, + "noImplicitOverride": true, + "noPropertyAccessFromIndexSignature": true, + "noImplicitReturns": true, + "noFallthroughCasesInSwitch": true, + "skipLibCheck": true, + "isolatedModules": true, + "esModuleInterop": true, + "experimentalDecorators": true, + "moduleResolution": "bundler", + "importHelpers": true, + "target": "ES2022", + "module": "ES2022" + }, + "angularCompilerOptions": { + "enableI18nLegacyMessageIdFormat": false, + "strictInjectionParameters": true, + "strictInputAccessModifiers": true, + "strictTemplates": true + } +} diff --git a/booklore-ui/tsconfig.spec.json b/booklore-ui/tsconfig.spec.json new file mode 100644 index 00000000..5fb748d9 --- /dev/null +++ b/booklore-ui/tsconfig.spec.json @@ -0,0 +1,15 @@ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "outDir": "./out-tsc/spec", + "types": [ + "jasmine" + ] + }, + "include": [ + "src/**/*.spec.ts", + "src/**/*.d.ts" + ] +}